Accessibility (WCAG 2.1)
Aa
On White
4.18:1
Large Only
Aa
On Black
5.03:1
AA Pass
Aa
White on Color
4.18:1
Large Only
Aa
Black on Color
5.03:1
AA Pass
Relative Luminance
0.2014
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
3.18:1
Large Only
Aa
On Black
6.60:1
AA Pass
Aa
White on Color
3.18:1
Large Only
Aa
Black on Color
6.60:1
AA Pass
Relative Luminance
0.2800
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 Olive Green
17.3%
Green
Accessibility (WCAG 2.1)
Aa
On White
5.57:1
AA Pass
Aa
On Black
3.77:1
Large Only
Aa
White on Color
5.57:1
AA Pass
Aa
Black on Color
3.77:1
Large Only
Relative Luminance
0.1385
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.49:1
AAA Pass
Aa
White on Color
2.47:1
Fail
Aa
Black on Color
8.49:1
AAA Pass
Relative Luminance
0.3746
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 Olive Green
12.2%
Green
Accessibility (WCAG 2.1)
Aa
On White
7.66:1
AAA Pass
Aa
White on Color
7.66:1
AAA Pass
Aa
Black on Color
2.74:1
Fail
Relative Luminance
0.0870
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
10.71:1
AAA Pass
Aa
White on Color
1.96:1
Fail
Aa
Black on Color
10.71:1
AAA Pass
Relative Luminance
0.4856
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
4.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.59:1
AAA Pass
Aa
White on Color
12.59:1
AAA Pass
Aa
Black on Color
1.67:1
Fail
Relative Luminance
0.0334
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
17.06:1
AAA Pass
Aa
White on Color
1.23:1
Fail
Aa
Black on Color
17.06:1
AAA Pass
Relative Luminance
0.8031
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