Accessibility (WCAG 2.1)
Aa
On White
4.47:1
Large Only
Aa
On Black
4.70:1
AA Pass
Aa
White on Color
4.47:1
Large Only
Aa
Black on Color
4.70:1
AA Pass
Relative Luminance
0.1848
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.48:1
Large Only
Aa
On Black
6.03:1
AA Pass
Aa
White on Color
3.48:1
Large Only
Aa
Black on Color
6.03:1
AA Pass
Relative Luminance
0.2514
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
15.22:1
AAA Pass
Aa
White on Color
1.38:1
Fail
Aa
Black on Color
15.22:1
AAA Pass
Relative Luminance
0.7109
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 Black
12.63:1
AAA Pass
Aa
White on Color
1.66:1
Fail
Aa
Black on Color
12.63:1
AAA Pass
Relative Luminance
0.5817
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
10.11:1
AAA Pass
Aa
White on Color
2.08:1
Fail
Aa
Black on Color
10.11:1
AAA Pass
Relative Luminance
0.4554
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.24:1
Large Only
Aa
On Black
4.95:1
AA Pass
Aa
White on Color
4.24:1
Large Only
Aa
Black on Color
4.95:1
AA Pass
Relative Luminance
0.1975
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.62:1
AA Pass
Aa
On Black
3.73:1
Large Only
Aa
White on Color
5.62:1
AA Pass
Aa
Black on Color
3.73:1
Large Only
Relative Luminance
0.1367
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
6.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.17:1
Large Only
Aa
On Black
6.63:1
AA Pass
Aa
White on Color
3.17:1
Large Only
Aa
Black on Color
6.63:1
AA Pass
Relative Luminance
0.2813
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