Dark Slate Gray
27.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.83:1
AAA Pass
Aa
White on Color
11.83:1
AAA Pass
Aa
Black on Color
1.78:1
Fail
Relative Luminance
0.0388
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
16.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.88:1
AAA Pass
Aa
White on Color
8.88:1
AAA Pass
Aa
Black on Color
2.36:1
Fail
Relative Luminance
0.0682
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
14.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
15.13:1
AAA Pass
Aa
White on Color
15.13:1
AAA Pass
Aa
Black on Color
1.39:1
Fail
Relative Luminance
0.0194
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 Black
8.81:1
AAA Pass
Aa
White on Color
2.38:1
Fail
Aa
Black on Color
8.81:1
AAA Pass
Relative Luminance
0.3905
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
Accessibility (WCAG 2.1)
Aa
On Black
11.13:1
AAA Pass
Aa
White on Color
1.89:1
Fail
Aa
Black on Color
11.13:1
AAA Pass
Relative Luminance
0.5065
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
Accessibility (WCAG 2.1)
Aa
On Black
16.85:1
AAA Pass
Aa
White on Color
1.25:1
Fail
Aa
Black on Color
16.85:1
AAA Pass
Relative Luminance
0.7924
Light
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
5.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.01:1
Large Only
Aa
On Black
6.98:1
AA Pass
Aa
White on Color
3.01:1
Large Only
Aa
Black on Color
6.98:1
AA Pass
Relative Luminance
0.2990
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
Accessibility (WCAG 2.1)
Aa
On Black
11.24:1
AAA Pass
Aa
White on Color
1.87:1
Fail
Aa
Black on Color
11.24:1
AAA Pass
Relative Luminance
0.5120
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