Accessibility (WCAG 2.1)
Aa
On White
19.47:1
AAA Pass
Aa
White on Color
19.47:1
AAA Pass
Aa
Black on Color
1.08:1
Fail
Relative Luminance
0.0039
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
21.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.79:1
AAA Pass
Aa
White on Color
12.79:1
AAA Pass
Aa
Black on Color
1.64:1
Fail
Relative Luminance
0.0321
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
16.55:1
AAA Pass
Aa
White on Color
16.55:1
AAA Pass
Aa
Black on Color
1.27:1
Fail
Relative Luminance
0.0134
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 Olive Green
10.0%
Green
Accessibility (WCAG 2.1)
Aa
On White
8.26:1
AAA Pass
Aa
White on Color
8.26:1
AAA Pass
Aa
Black on Color
2.54:1
Fail
Relative Luminance
0.0771
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
5.50:1
AA Pass
Aa
On Black
3.82:1
Large Only
Aa
White on Color
5.50:1
AA Pass
Aa
Black on Color
3.82:1
Large Only
Relative Luminance
0.1408
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.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.29:1
AAA Pass
Aa
White on Color
10.29:1
AAA Pass
Aa
Black on Color
2.04:1
Fail
Relative Luminance
0.0521
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.41:1
Large Only
Aa
On Black
4.76:1
AA Pass
Aa
White on Color
4.41:1
Large Only
Aa
Black on Color
4.76:1
AA Pass
Relative Luminance
0.1882
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.97:1
AA Pass
Aa
On Black
3.01:1
Large Only
Aa
White on Color
6.97:1
AA Pass
Aa
Black on Color
3.01:1
Large Only
Relative Luminance
0.1006
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