Light Steel Blue
18.3%
Blue
Accessibility (WCAG 2.1)
Aa
On Black
11.29:1
AAA Pass
Aa
White on Color
1.86:1
Fail
Aa
Black on Color
11.29:1
AAA Pass
Relative Luminance
0.5143
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
17.97:1
AAA Pass
Aa
White on Color
17.97:1
AAA Pass
Aa
Black on Color
1.17:1
Fail
Relative Luminance
0.0084
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.80:1
AA Pass
Aa
On Black
3.62:1
Large Only
Aa
White on Color
5.80:1
AA Pass
Aa
Black on Color
3.62:1
Large Only
Relative Luminance
0.1311
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.52:1
AA Pass
Aa
On Black
4.64:1
AA Pass
Aa
White on Color
4.52:1
AA Pass
Aa
Black on Color
4.64:1
AA Pass
Relative Luminance
0.1821
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
11.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.53:1
AAA Pass
Aa
White on Color
14.53:1
AAA Pass
Aa
Black on Color
1.44:1
Fail
Relative Luminance
0.0222
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
11.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.94:1
AAA Pass
Aa
White on Color
11.94:1
AAA Pass
Aa
Black on Color
1.76:1
Fail
Relative Luminance
0.0379
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
7.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.57:1
AAA Pass
Aa
White on Color
8.57:1
AAA Pass
Aa
Black on Color
2.45:1
Fail
Relative Luminance
0.0726
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
7.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.53:1
Large Only
Aa
On Black
5.96:1
AA Pass
Aa
White on Color
3.53:1
Large Only
Aa
Black on Color
5.96:1
AA Pass
Relative Luminance
0.2479
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