Accessibility (WCAG 2.1)
Aa
On Black
10.57:1
AAA Pass
Aa
White on Color
1.99:1
Fail
Aa
Black on Color
10.57:1
AAA Pass
Relative Luminance
0.4785
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.20:1
AA Pass
Aa
On Black
4.04:1
Large Only
Aa
White on Color
5.20:1
AA Pass
Aa
Black on Color
4.04:1
Large Only
Relative Luminance
0.1521
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.30:1
AA Pass
Aa
On Black
3.96:1
Large Only
Aa
White on Color
5.30:1
AA Pass
Aa
Black on Color
3.96:1
Large Only
Relative Luminance
0.1482
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.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
6.97:1
AA Pass
Aa
On Black
3.01:1
Large Only
Aa
White on Color
6.97:1
AA Pass
Aa
Black on Color
3.01:1
Large Only
Relative Luminance
0.1006
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
5.7%
Gray
Accessibility (WCAG 2.1)
Aa
On Black
7.18:1
AAA Pass
Aa
White on Color
2.93:1
Fail
Aa
Black on Color
7.18:1
AAA Pass
Relative Luminance
0.3089
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
3.99:1
Large Only
Aa
On Black
5.27:1
AA Pass
Aa
White on Color
3.99:1
Large Only
Aa
Black on Color
5.27:1
AA Pass
Relative Luminance
0.2134
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
3.85:1
Large Only
Aa
On Black
5.46:1
AA Pass
Aa
White on Color
3.85:1
Large Only
Aa
Black on Color
5.46:1
AA Pass
Relative Luminance
0.2228
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.28:1
Large Only
Aa
On Black
4.91:1
AA Pass
Aa
White on Color
4.28:1
Large Only
Aa
Black on Color
4.91:1
AA Pass
Relative Luminance
0.1953
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