Accessibility (WCAG 2.1)
Aa
On White
4.35:1
Large Only
Aa
On Black
4.82:1
AA Pass
Aa
White on Color
4.35:1
Large Only
Aa
Black on Color
4.82:1
AA Pass
Relative Luminance
0.1912
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
19.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.12:1
Large Only
Aa
On Black
6.73:1
AA Pass
Aa
White on Color
3.12:1
Large Only
Aa
Black on Color
6.73:1
AA Pass
Relative Luminance
0.2863
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.78:1
AA Pass
Aa
On Black
3.63:1
Large Only
Aa
White on Color
5.78:1
AA Pass
Aa
Black on Color
3.63:1
Large Only
Relative Luminance
0.1316
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 Black
8.58:1
AAA Pass
Aa
White on Color
2.45:1
Fail
Aa
Black on Color
8.58:1
AAA Pass
Relative Luminance
0.3790
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.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.32:1
AAA Pass
Aa
White on Color
8.32:1
AAA Pass
Aa
Black on Color
2.52:1
Fail
Relative Luminance
0.0762
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
8.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.67:1
Large Only
Aa
On Black
5.72:1
AA Pass
Aa
White on Color
3.67:1
Large Only
Aa
Black on Color
5.72:1
AA Pass
Relative Luminance
0.2359
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
8.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.79:1
AAA Pass
Aa
White on Color
10.79:1
AAA Pass
Aa
Black on Color
1.95:1
Fail
Relative Luminance
0.0473
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
6.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
7.86:1
AAA Pass
Aa
White on Color
7.86:1
AAA Pass
Aa
Black on Color
2.67:1
Fail
Relative Luminance
0.0836
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