Accessibility (WCAG 2.1)
Aa
On White
3.93:1
Large Only
Aa
On Black
5.35:1
AA Pass
Aa
White on Color
3.93:1
Large Only
Aa
Black on Color
5.35:1
AA Pass
Relative Luminance
0.2175
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
17.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.60:1
AAA Pass
Aa
White on Color
11.60:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
Relative Luminance
0.0405
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
16.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.22:1
AAA Pass
Aa
White on Color
8.22:1
AAA Pass
Aa
Black on Color
2.56:1
Fail
Relative Luminance
0.0778
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.49:1
AA Pass
Aa
On Black
3.83:1
Large Only
Aa
White on Color
5.49:1
AA Pass
Aa
Black on Color
3.83:1
Large Only
Relative Luminance
0.1413
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
10.0%
Blue
Accessibility (WCAG 2.1)
Aa
On Black
10.99:1
AAA Pass
Aa
White on Color
1.91:1
Fail
Aa
Black on Color
10.99:1
AAA Pass
Relative Luminance
0.4996
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
17.94:1
AAA Pass
Aa
White on Color
1.17:1
Fail
Aa
Black on Color
17.94:1
AAA Pass
Relative Luminance
0.8469
Light
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.74:1
AA Pass
Aa
On Black
4.43:1
Large Only
Aa
White on Color
4.74:1
AA Pass
Aa
Black on Color
4.43:1
Large Only
Relative Luminance
0.1716
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
2.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.56:1
AAA Pass
Aa
White on Color
14.56:1
AAA Pass
Aa
Black on Color
1.44:1
Fail
Relative Luminance
0.0221
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