Dark Slate Gray
21.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
13.77:1
AAA Pass
Aa
White on Color
13.77:1
AAA Pass
Aa
Black on Color
1.53:1
Fail
Relative Luminance
0.0263
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.19:1
AA Pass
Aa
On Black
3.39:1
Large Only
Aa
White on Color
6.19:1
AA Pass
Aa
Black on Color
3.39:1
Large Only
Relative Luminance
0.1196
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.90:1
Large Only
Aa
On Black
5.38:1
AA Pass
Aa
White on Color
3.90:1
Large Only
Aa
Black on Color
5.38:1
AA Pass
Relative Luminance
0.2191
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
14.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.16:1
AAA Pass
Aa
White on Color
9.16:1
AAA Pass
Aa
Black on Color
2.29:1
Fail
Relative Luminance
0.0647
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.57:1
AAA Pass
Aa
White on Color
17.57:1
AAA Pass
Aa
Black on Color
1.20:1
Fail
Relative Luminance
0.0098
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
7.93:1
AAA Pass
Aa
White on Color
2.65:1
Fail
Aa
Black on Color
7.93:1
AAA Pass
Relative Luminance
0.3464
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 White
4.88:1
AA Pass
Aa
On Black
4.30:1
Large Only
Aa
White on Color
4.88:1
AA Pass
Aa
Black on Color
4.30:1
Large Only
Relative Luminance
0.1652
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
10.21:1
AAA Pass
Aa
White on Color
2.06:1
Fail
Aa
Black on Color
10.21:1
AAA Pass
Relative Luminance
0.4606
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