Dark Slate Gray
39.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.30:1
AAA Pass
Aa
White on Color
14.30:1
AAA Pass
Aa
Black on Color
1.47:1
Fail
Relative Luminance
0.0234
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
26.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.27:1
AAA Pass
Aa
White on Color
10.27:1
AAA Pass
Aa
Black on Color
2.04:1
Fail
Relative Luminance
0.0522
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.67:1
AA Pass
Aa
On Black
3.15:1
Large Only
Aa
White on Color
6.67:1
AA Pass
Aa
Black on Color
3.15:1
Large Only
Relative Luminance
0.1075
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
9.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.19:1
AAA Pass
Aa
White on Color
12.19:1
AAA Pass
Aa
Black on Color
1.72:1
Fail
Relative Luminance
0.0361
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
17.31:1
AAA Pass
Aa
White on Color
17.31:1
AAA Pass
Aa
Black on Color
1.21:1
Fail
Relative Luminance
0.0107
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
4.47:1
Large Only
Aa
On Black
4.70:1
AA Pass
Aa
White on Color
4.47:1
Large Only
Aa
Black on Color
4.70:1
AA Pass
Relative Luminance
0.1848
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
2.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.15:1
AAA Pass
Aa
White on Color
8.15:1
AAA Pass
Aa
Black on Color
2.58:1
Fail
Relative Luminance
0.0789
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.36:1
AAA Pass
Aa
White on Color
19.36:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
Relative Luminance
0.0042
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