Dark Slate Gray
20.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
15.15:1
AAA Pass
Aa
White on Color
15.15:1
AAA Pass
Aa
Black on Color
1.39:1
Fail
Relative Luminance
0.0193
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.20:1
Large Only
Aa
On Black
6.56:1
AA Pass
Aa
White on Color
3.20:1
Large Only
Aa
Black on Color
6.56:1
AA Pass
Relative Luminance
0.2780
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
15.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.75:1
AAA Pass
Aa
White on Color
11.75:1
AAA Pass
Aa
Black on Color
1.79:1
Fail
Relative Luminance
0.0394
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.93:1
AA Pass
Aa
On Black
3.03:1
Large Only
Aa
White on Color
6.93:1
AA Pass
Aa
Black on Color
3.03:1
Large Only
Relative Luminance
0.1016
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.59:1
AA Pass
Aa
On Black
3.75:1
Large Only
Aa
White on Color
5.59:1
AA Pass
Aa
Black on Color
3.75:1
Large Only
Relative Luminance
0.1377
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.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.22:1
AAA Pass
Aa
White on Color
9.22:1
AAA Pass
Aa
Black on Color
2.28:1
Fail
Relative Luminance
0.0639
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
11.06:1
AAA Pass
Aa
White on Color
1.90:1
Fail
Aa
Black on Color
11.06:1
AAA Pass
Relative Luminance
0.5029
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.45:1
Large Only
Aa
On Black
4.71:1
AA Pass
Aa
White on Color
4.45:1
Large Only
Aa
Black on Color
4.71:1
AA Pass
Relative Luminance
0.1857
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