Accessibility (WCAG 2.1)
Aa
On White
3.21:1
Large Only
Aa
On Black
6.54:1
AA Pass
Aa
White on Color
3.21:1
Large Only
Aa
Black on Color
6.54:1
AA Pass
Relative Luminance
0.2772
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
20.12:1
AAA Pass
Aa
White on Color
20.12:1
AAA Pass
Aa
Black on Color
1.04:1
Fail
Relative Luminance
0.0022
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 Black
7.64:1
AAA Pass
Aa
White on Color
2.75:1
Fail
Aa
Black on Color
7.64:1
AAA Pass
Relative Luminance
0.3318
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.61:1
AA Pass
Aa
On Black
4.55:1
AA Pass
Aa
White on Color
4.61:1
AA Pass
Aa
Black on Color
4.55:1
AA Pass
Relative Luminance
0.1776
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
7.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.87:1
AAA Pass
Aa
White on Color
9.87:1
AAA Pass
Aa
Black on Color
2.13:1
Fail
Relative Luminance
0.0564
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.66:1
AA Pass
Aa
On Black
3.16:1
Large Only
Aa
White on Color
6.66:1
AA Pass
Aa
Black on Color
3.16:1
Large Only
Relative Luminance
0.1078
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
2.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.54:1
AAA Pass
Aa
White on Color
12.54:1
AAA Pass
Aa
Black on Color
1.67:1
Fail
Relative Luminance
0.0337
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.86:1
Large Only
Aa
On Black
5.44:1
AA Pass
Aa
White on Color
3.86:1
Large Only
Aa
Black on Color
5.44:1
AA Pass
Relative Luminance
0.2218
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