Dark Slate Gray
21.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.99:1
AAA Pass
Aa
White on Color
9.99:1
AAA Pass
Aa
Black on Color
2.10:1
Fail
Relative Luminance
0.0551
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
19.00:1
AAA Pass
Aa
White on Color
19.00:1
AAA Pass
Aa
Black on Color
1.11:1
Fail
Relative Luminance
0.0053
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.53:1
AAA Pass
Aa
White on Color
7.53:1
AAA Pass
Aa
Black on Color
2.79:1
Fail
Relative Luminance
0.0894
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.65:1
AA Pass
Aa
On Black
3.72:1
Large Only
Aa
White on Color
5.65:1
AA Pass
Aa
Black on Color
3.72:1
Large Only
Relative Luminance
0.1360
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
8.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.38:1
Large Only
Aa
On Black
6.22:1
AA Pass
Aa
White on Color
3.38:1
Large Only
Aa
Black on Color
6.22:1
AA Pass
Relative Luminance
0.2609
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.34:1
Large Only
Aa
On Black
4.84:1
AA Pass
Aa
White on Color
4.34:1
Large Only
Aa
Black on Color
4.84:1
AA Pass
Relative Luminance
0.1922
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
7.3%
Green
Accessibility (WCAG 2.1)
Aa
On White
9.15:1
AAA Pass
Aa
White on Color
9.15:1
AAA Pass
Aa
Black on Color
2.29:1
Fail
Relative Luminance
0.0647
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.66:1
Large Only
Aa
On Black
5.74:1
AA Pass
Aa
White on Color
3.66:1
Large Only
Aa
Black on Color
5.74:1
AA Pass
Relative Luminance
0.2372
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