Dark Slate Gray
47.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
13.92:1
AAA Pass
Aa
White on Color
13.92:1
AAA Pass
Aa
Black on Color
1.51:1
Fail
Relative Luminance
0.0254
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
24.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.98:1
AAA Pass
Aa
White on Color
10.98:1
AAA Pass
Aa
Black on Color
1.91:1
Fail
Relative Luminance
0.0456
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
18.79:1
AAA Pass
Aa
White on Color
18.79:1
AAA Pass
Aa
Black on Color
1.12:1
Fail
Relative Luminance
0.0059
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
8.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.16:1
AAA Pass
Aa
White on Color
8.16:1
AAA Pass
Aa
Black on Color
2.57:1
Fail
Relative Luminance
0.0786
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.79:1
AA Pass
Aa
On Black
3.62:1
Large Only
Aa
White on Color
5.79:1
AA Pass
Aa
Black on Color
3.62:1
Large Only
Relative Luminance
0.1312
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.09:1
Large Only
Aa
On Black
5.13:1
AA Pass
Aa
White on Color
4.09:1
Large Only
Aa
Black on Color
5.13:1
AA Pass
Relative Luminance
0.2066
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.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.37:1
AAA Pass
Aa
White on Color
11.37:1
AAA Pass
Aa
Black on Color
1.85:1
Fail
Relative Luminance
0.0423
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
3.30:1
Large Only
Aa
On Black
6.36:1
AA Pass
Aa
White on Color
3.30:1
Large Only
Aa
Black on Color
6.36:1
AA Pass
Relative Luminance
0.2681
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