Accessibility (WCAG 2.1)
Aa
On White
20.18:1
AAA Pass
Aa
White on Color
20.18:1
AAA Pass
Aa
Black on Color
1.04:1
Fail
Relative Luminance
0.0020
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
3.75:1
Large Only
Aa
On Black
5.61:1
AA Pass
Aa
White on Color
3.75:1
Large Only
Aa
Black on Color
5.61:1
AA Pass
Relative Luminance
0.2304
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
10.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.54:1
AAA Pass
Aa
White on Color
8.54:1
AAA Pass
Aa
Black on Color
2.46:1
Fail
Relative Luminance
0.0730
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.62:1
AA Pass
Aa
On Black
4.55:1
AA Pass
Aa
White on Color
4.62:1
AA Pass
Aa
Black on Color
4.55:1
AA Pass
Relative Luminance
0.1774
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.54:1
AAA Pass
Aa
White on Color
16.54:1
AAA Pass
Aa
Black on Color
1.27:1
Fail
Relative Luminance
0.0135
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
6.11:1
AA Pass
Aa
On Black
3.44:1
Large Only
Aa
White on Color
6.11:1
AA Pass
Aa
Black on Color
3.44:1
Large Only
Relative Luminance
0.1220
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
4.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.88:1
AAA Pass
Aa
White on Color
11.88:1
AAA Pass
Aa
Black on Color
1.77:1
Fail
Relative Luminance
0.0384
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
Light Slate Gray
4.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.09:1
Large Only
Aa
On Black
6.79:1
AA Pass
Aa
White on Color
3.09:1
Large Only
Aa
Black on Color
6.79:1
AA Pass
Relative Luminance
0.2897
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