Dark Slate Gray
24.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
15.26:1
AAA Pass
Aa
White on Color
15.26:1
AAA Pass
Aa
Black on Color
1.38:1
Fail
Relative Luminance
0.0188
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
Cornflower Blue
19.0%
Blue
Accessibility (WCAG 2.1)
Aa
On Black
7.98:1
AAA Pass
Aa
White on Color
2.63:1
Fail
Aa
Black on Color
7.98:1
AAA Pass
Relative Luminance
0.3492
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
14.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.69:1
AAA Pass
Aa
White on Color
10.69:1
AAA Pass
Aa
Black on Color
1.96:1
Fail
Relative Luminance
0.0482
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 Steel Blue
13.0%
Blue
Accessibility (WCAG 2.1)
Aa
On Black
10.05:1
AAA Pass
Aa
White on Color
2.09:1
Fail
Aa
Black on Color
10.05:1
AAA Pass
Relative Luminance
0.4523
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
5.85:1
AA Pass
Aa
On Black
3.59:1
Large Only
Aa
White on Color
5.85:1
AA Pass
Aa
Black on Color
3.59:1
Large Only
Relative Luminance
0.1295
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
7.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.04:1
AAA Pass
Aa
White on Color
8.04:1
AAA Pass
Aa
Black on Color
2.61:1
Fail
Relative Luminance
0.0806
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
8.81:1
AAA Pass
Aa
White on Color
2.38:1
Fail
Aa
Black on Color
8.81:1
AAA Pass
Relative Luminance
0.3903
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.50:1
AA Pass
Aa
On Black
4.67:1
AA Pass
Aa
White on Color
4.50:1
AA Pass
Aa
Black on Color
4.67:1
AA Pass
Relative Luminance
0.1834
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