Accessibility (WCAG 2.1)
Aa
On White
3.95:1
Large Only
Aa
On Black
5.32:1
AA Pass
Aa
White on Color
3.95:1
Large Only
Aa
Black on Color
5.32:1
AA Pass
Relative Luminance
0.2159
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.48:1
AA Pass
Aa
On Black
3.83:1
Large Only
Aa
White on Color
5.48:1
AA Pass
Aa
Black on Color
3.83:1
Large Only
Relative Luminance
0.1416
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
14.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.31:1
Large Only
Aa
On Black
6.34:1
AA Pass
Aa
White on Color
3.31:1
Large Only
Aa
Black on Color
6.34:1
AA Pass
Relative Luminance
0.2670
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
9.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
7.59:1
AAA Pass
Aa
White on Color
7.59:1
AAA Pass
Aa
Black on Color
2.77:1
Fail
Relative Luminance
0.0884
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.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.98:1
AAA Pass
Aa
White on Color
10.98:1
AAA Pass
Aa
Black on Color
1.91:1
Fail
Relative Luminance
0.0457
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
4.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.79:1
AAA Pass
Aa
White on Color
14.79:1
AAA Pass
Aa
Black on Color
1.42:1
Fail
Relative Luminance
0.0210
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
Accessibility (WCAG 2.1)
Aa
On White
3.21:1
Large Only
Aa
On Black
6.55:1
AA Pass
Aa
White on Color
3.21:1
Large Only
Aa
Black on Color
6.55:1
AA Pass
Relative Luminance
0.2773
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.65:1
AA Pass
Aa
On Black
4.51:1
AA Pass
Aa
White on Color
4.65:1
AA Pass
Aa
Black on Color
4.51:1
AA Pass
Relative Luminance
0.1756
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