Accessibility (WCAG 2.1)
Aa
On White
4.12:1
Large Only
Aa
On Black
5.09:1
AA Pass
Aa
White on Color
4.12:1
Large Only
Aa
Black on Color
5.09:1
AA Pass
Relative Luminance
0.2047
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
20.67:1
AAA Pass
Aa
White on Color
1.02:1
Fail
Aa
Black on Color
20.67:1
AAA Pass
Relative Luminance
0.9836
Very 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
5.72:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.72:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
Relative Luminance
0.1336
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.37:1
Large Only
Aa
On Black
6.23:1
AA Pass
Aa
White on Color
3.37:1
Large Only
Aa
Black on Color
6.23:1
AA Pass
Relative Luminance
0.2615
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 Slate Gray
10.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.19:1
Large Only
Aa
On Black
6.57:1
AA Pass
Aa
White on Color
3.19:1
Large Only
Aa
Black on Color
6.57:1
AA Pass
Relative Luminance
0.2787
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.77:1
AAA Pass
Aa
White on Color
2.70:1
Fail
Aa
Black on Color
7.77:1
AAA Pass
Relative Luminance
0.3387
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 Slate Gray
8.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
4.02:1
Large Only
Aa
On Black
5.22:1
AA Pass
Aa
White on Color
4.02:1
Large Only
Aa
Black on Color
5.22:1
AA Pass
Relative Luminance
0.2109
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
8.39:1
AAA Pass
Aa
White on Color
2.50:1
Fail
Aa
Black on Color
8.39:1
AAA Pass
Relative Luminance
0.3693
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