Dark Slate Gray
34.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.69:1
AAA Pass
Aa
White on Color
14.69:1
AAA Pass
Aa
Black on Color
1.43:1
Fail
Relative Luminance
0.0215
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
7.28:1
AAA Pass
Aa
White on Color
7.28:1
AAA Pass
Aa
Black on Color
2.88:1
Fail
Relative Luminance
0.0941
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
17.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.06:1
AAA Pass
Aa
White on Color
10.06:1
AAA Pass
Aa
Black on Color
2.09:1
Fail
Relative Luminance
0.0544
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.83:1
AA Pass
Aa
On Black
4.35:1
Large Only
Aa
White on Color
4.83:1
AA Pass
Aa
Black on Color
4.35:1
Large Only
Relative Luminance
0.1674
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.97:1
AA Pass
Aa
On Black
3.52:1
Large Only
Aa
White on Color
5.97:1
AA Pass
Aa
Black on Color
3.52:1
Large Only
Relative Luminance
0.1260
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
4.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.41:1
AAA Pass
Aa
White on Color
12.41:1
AAA Pass
Aa
Black on Color
1.69:1
Fail
Relative Luminance
0.0346
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
Light Slate Gray
3.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.12:1
Large Only
Aa
On Black
6.72:1
AA Pass
Aa
White on Color
3.12:1
Large Only
Aa
Black on Color
6.72:1
AA Pass
Relative Luminance
0.2860
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
3.92:1
Large Only
Aa
On Black
5.35:1
AA Pass
Aa
White on Color
3.92:1
Large Only
Aa
Black on Color
5.35:1
AA Pass
Relative Luminance
0.2177
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