Accessibility (WCAG 2.1)
Aa
On White
16.08:1
AAA Pass
Aa
White on Color
16.08:1
AAA Pass
Aa
Black on Color
1.31:1
Fail
Relative Luminance
0.0153
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
5.77:1
AA Pass
Aa
On Black
3.64:1
Large Only
Aa
White on Color
5.77:1
AA Pass
Aa
Black on Color
3.64:1
Large Only
Relative Luminance
0.1318
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
19.40:1
AAA Pass
Aa
White on Color
19.40:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
Relative Luminance
0.0041
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
10.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.98:1
AAA Pass
Aa
White on Color
11.98:1
AAA Pass
Aa
Black on Color
1.75:1
Fail
Relative Luminance
0.0377
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
8.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
7.91:1
AAA Pass
Aa
White on Color
7.91:1
AAA Pass
Aa
Black on Color
2.66:1
Fail
Relative Luminance
0.0828
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.39:1
Large Only
Aa
On Black
4.78:1
AA Pass
Aa
White on Color
4.39:1
Large Only
Aa
Black on Color
4.78:1
AA Pass
Relative Luminance
0.1890
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.56:1
AA Pass
Aa
On Black
4.60:1
AA Pass
Aa
White on Color
4.56:1
AA Pass
Aa
Black on Color
4.60:1
AA Pass
Relative Luminance
0.1801
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.88:1
Large Only
Aa
On Black
5.41:1
AA Pass
Aa
White on Color
3.88:1
Large Only
Aa
Black on Color
5.41:1
AA Pass
Relative Luminance
0.2204
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