Dark Slate Gray
43.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.10:1
AAA Pass
Aa
White on Color
12.10:1
AAA Pass
Aa
Black on Color
1.74:1
Fail
Relative Luminance
0.0368
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
15.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
7.55:1
AAA Pass
Aa
White on Color
7.55:1
AAA Pass
Aa
Black on Color
2.78:1
Fail
Relative Luminance
0.0891
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.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.43:1
AAA Pass
Aa
White on Color
9.43:1
AAA Pass
Aa
Black on Color
2.23:1
Fail
Relative Luminance
0.0614
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.51:1
AAA Pass
Aa
White on Color
2.80:1
Fail
Aa
Black on Color
7.51:1
AAA Pass
Relative Luminance
0.3256
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.52:1
AA Pass
Aa
On Black
4.64:1
AA Pass
Aa
White on Color
4.52:1
AA Pass
Aa
Black on Color
4.64:1
AA Pass
Relative Luminance
0.1821
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
15.77:1
AAA Pass
Aa
White on Color
15.77:1
AAA Pass
Aa
Black on Color
1.33:1
Fail
Relative Luminance
0.0166
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.74:1
AA Pass
Aa
On Black
3.66:1
Large Only
Aa
White on Color
5.74:1
AA Pass
Aa
Black on Color
3.66:1
Large Only
Relative Luminance
0.1331
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.44:1
Large Only
Aa
On Black
6.11:1
AA Pass
Aa
White on Color
3.44:1
Large Only
Aa
Black on Color
6.11:1
AA Pass
Relative Luminance
0.2553
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