Accessibility (WCAG 2.1)
Aa
On White
3.47:1
Large Only
Aa
On Black
6.05:1
AA Pass
Aa
White on Color
3.47:1
Large Only
Aa
Black on Color
6.05:1
AA Pass
Relative Luminance
0.2526
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
7.60:1
AAA Pass
Aa
White on Color
2.76:1
Fail
Aa
Black on Color
7.60:1
AAA Pass
Relative Luminance
0.3300
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
16.70:1
AAA Pass
Aa
White on Color
16.70:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
Relative Luminance
0.0129
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
9.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
13.02:1
AAA Pass
Aa
White on Color
13.02:1
AAA Pass
Aa
Black on Color
1.61:1
Fail
Relative Luminance
0.0307
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
8.7%
Gray
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.30:1
Fail
Relative Luminance
0.0648
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.64:1
Large Only
Aa
On Black
5.77:1
AA Pass
Aa
White on Color
3.64:1
Large Only
Aa
Black on Color
5.77:1
AA Pass
Relative Luminance
0.2385
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
Light Steel Blue
7.1%
Blue
Accessibility (WCAG 2.1)
Aa
On Black
10.13:1
AAA Pass
Aa
White on Color
2.07:1
Fail
Aa
Black on Color
10.13:1
AAA Pass
Relative Luminance
0.4565
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.26:1
AA Pass
Aa
On Black
3.99:1
Large Only
Aa
White on Color
5.26:1
AA Pass
Aa
Black on Color
3.99:1
Large Only
Relative Luminance
0.1497
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