Dark Slate Gray
37.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
15.13:1
AAA Pass
Aa
White on Color
15.13:1
AAA Pass
Aa
Black on Color
1.39:1
Fail
Relative Luminance
0.0194
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.59:1
Large Only
Aa
On Black
5.85:1
AA Pass
Aa
White on Color
3.59:1
Large Only
Aa
Black on Color
5.85:1
AA Pass
Relative Luminance
0.2424
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
18.23:1
AAA Pass
Aa
White on Color
18.23:1
AAA Pass
Aa
Black on Color
1.15:1
Fail
Relative Luminance
0.0076
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
9.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.80:1
AAA Pass
Aa
White on Color
10.80:1
AAA Pass
Aa
Black on Color
1.94:1
Fail
Relative Luminance
0.0472
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.30:1
AA Pass
Aa
On Black
3.96:1
Large Only
Aa
White on Color
5.30:1
AA Pass
Aa
Black on Color
3.96:1
Large Only
Relative Luminance
0.1481
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.02:1
AA Pass
Aa
On Black
3.49:1
Large Only
Aa
White on Color
6.02:1
AA Pass
Aa
Black on Color
3.49:1
Large Only
Relative Luminance
0.1246
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.03:1
AAA Pass
Aa
White on Color
2.99:1
Fail
Aa
Black on Color
7.03:1
AAA Pass
Relative Luminance
0.3016
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.05:1
Large Only
Aa
On Black
5.18:1
AA Pass
Aa
White on Color
4.05:1
Large Only
Aa
Black on Color
5.18:1
AA Pass
Relative Luminance
0.2090
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