Dark Slate Gray
25.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.12:1
AAA Pass
Aa
White on Color
14.12:1
AAA Pass
Aa
Black on Color
1.49:1
Fail
Relative Luminance
0.0244
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
20.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.81:1
AAA Pass
Aa
White on Color
8.81:1
AAA Pass
Aa
Black on Color
2.38:1
Fail
Relative Luminance
0.0692
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.46:1
AA Pass
Aa
On Black
3.25:1
Large Only
Aa
White on Color
6.46:1
AA Pass
Aa
Black on Color
3.25:1
Large Only
Relative Luminance
0.1126
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.10:1
AAA Pass
Aa
White on Color
18.10:1
AAA Pass
Aa
Black on Color
1.16:1
Fail
Relative Luminance
0.0080
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
6.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.14:1
AAA Pass
Aa
White on Color
11.14:1
AAA Pass
Aa
Black on Color
1.89:1
Fail
Relative Luminance
0.0443
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
4.48:1
Large Only
Aa
On Black
4.69:1
AA Pass
Aa
White on Color
4.48:1
Large Only
Aa
Black on Color
4.69:1
AA Pass
Relative Luminance
0.1845
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.27:1
Large Only
Aa
On Black
6.42:1
AA Pass
Aa
White on Color
3.27:1
Large Only
Aa
Black on Color
6.42:1
AA Pass
Relative Luminance
0.2711
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 Black
8.65:1
AAA Pass
Aa
White on Color
2.43:1
Fail
Aa
Black on Color
8.65:1
AAA Pass
Relative Luminance
0.3824
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