Accessibility (WCAG 2.1)
Aa
On White
19.43:1
AAA Pass
Aa
White on Color
19.43:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
Relative Luminance
0.0040
Very Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Accessibility (WCAG 2.1)
Aa
On White
16.27:1
AAA Pass
Aa
White on Color
16.27:1
AAA Pass
Aa
Black on Color
1.29:1
Fail
Relative Luminance
0.0145
Very Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Dark Slate Gray
13.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.49:1
AAA Pass
Aa
White on Color
11.49:1
AAA Pass
Aa
Black on Color
1.83:1
Fail
Relative Luminance
0.0414
Very Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Dark Slate Gray
6.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.20:1
AAA Pass
Aa
White on Color
8.20:1
AAA Pass
Aa
Black on Color
2.56:1
Fail
Relative Luminance
0.0780
Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Accessibility (WCAG 2.1)
Aa
On White
4.34:1
Large Only
Aa
On Black
4.84:1
AA Pass
Aa
White on Color
4.34:1
Large Only
Aa
Black on Color
4.84:1
AA Pass
Relative Luminance
0.1921
Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Accessibility (WCAG 2.1)
Aa
On White
5.71:1
AA Pass
Aa
On Black
3.68:1
Large Only
Aa
White on Color
5.71:1
AA Pass
Aa
Black on Color
3.68:1
Large Only
Relative Luminance
0.1338
Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Accessibility (WCAG 2.1)
Aa
On White
3.32:1
Large Only
Aa
On Black
6.33:1
AA Pass
Aa
White on Color
3.32:1
Large Only
Aa
Black on Color
6.33:1
AA Pass
Relative Luminance
0.2664
Mid-tone
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives
Dark Slate Gray
3.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
13.68:1
AAA Pass
Aa
White on Color
13.68:1
AAA Pass
Aa
Black on Color
1.53:1
Fail
Relative Luminance
0.0267
Very Dark
Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.
Color Relationships & Derivatives