Dark Slate Gray
23.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.35:1
AAA Pass
Aa
White on Color
11.35:1
AAA Pass
Aa
Black on Color
1.85:1
Fail
Relative Luminance
0.0425
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
21.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.13:1
AAA Pass
Aa
White on Color
8.13:1
AAA Pass
Aa
Black on Color
2.58:1
Fail
Relative Luminance
0.0791
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
19.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
15.00:1
AAA Pass
Aa
White on Color
15.00:1
AAA Pass
Aa
Black on Color
1.40:1
Fail
Relative Luminance
0.0200
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.08:1
AA Pass
Aa
On Black
3.45:1
Large Only
Aa
White on Color
6.08:1
AA Pass
Aa
Black on Color
3.45:1
Large Only
Relative Luminance
0.1227
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.86:1
AA Pass
Aa
On Black
4.32:1
Large Only
Aa
White on Color
4.86:1
AA Pass
Aa
Black on Color
4.32:1
Large Only
Relative Luminance
0.1662
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.84:1
Large Only
Aa
On Black
5.47:1
AA Pass
Aa
White on Color
3.84:1
Large Only
Aa
Black on Color
5.47:1
AA Pass
Relative Luminance
0.2233
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
1.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.49:1
AAA Pass
Aa
White on Color
10.49:1
AAA Pass
Aa
Black on Color
2.00:1
Fail
Relative Luminance
0.0500
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 Olive Green
1.5%
Green
Accessibility (WCAG 2.1)
Aa
On White
7.79:1
AAA Pass
Aa
White on Color
7.79:1
AAA Pass
Aa
Black on Color
2.70:1
Fail
Relative Luminance
0.0848
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