Accessibility (WCAG 2.1)
Aa
On Black
20.82:1
AAA Pass
Aa
White on Color
1.01:1
Fail
Aa
Black on Color
20.82:1
AAA Pass
Relative Luminance
0.9911
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
Dark Slate Gray
18.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.94:1
AAA Pass
Aa
White on Color
14.94:1
AAA Pass
Aa
Black on Color
1.41:1
Fail
Relative Luminance
0.0203
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.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.53:1
AAA Pass
Aa
White on Color
10.53:1
AAA Pass
Aa
Black on Color
1.99:1
Fail
Relative Luminance
0.0497
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
17.93:1
AAA Pass
Aa
White on Color
17.93:1
AAA Pass
Aa
Black on Color
1.17:1
Fail
Relative Luminance
0.0086
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
6.58:1
AA Pass
Aa
On Black
3.19:1
Large Only
Aa
White on Color
6.58:1
AA Pass
Aa
Black on Color
3.19:1
Large Only
Relative Luminance
0.1095
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
4.54:1
AA Pass
Aa
On Black
4.62:1
AA Pass
Aa
White on Color
4.54:1
AA Pass
Aa
Black on Color
4.62:1
AA Pass
Relative Luminance
0.1812
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
1.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.18:1
AAA Pass
Aa
White on Color
8.18:1
AAA Pass
Aa
Black on Color
2.57:1
Fail
Relative Luminance
0.0783
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.65:1
Large Only
Aa
On Black
5.76:1
AA Pass
Aa
White on Color
3.65:1
Large Only
Aa
Black on Color
5.76:1
AA Pass
Relative Luminance
0.2379
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