Accessibility (WCAG 2.1)
Aa
On White
6.03:1
AA Pass
Aa
On Black
3.49:1
Large Only
Aa
White on Color
6.03:1
AA Pass
Aa
Black on Color
3.49:1
Large Only
Relative Luminance
0.1243
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
23.2%
Green
Accessibility (WCAG 2.1)
Aa
On White
8.11:1
AAA Pass
Aa
White on Color
8.11:1
AAA Pass
Aa
Black on Color
2.59:1
Fail
Relative Luminance
0.0795
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
11.47:1
AAA Pass
Aa
White on Color
1.83:1
Fail
Aa
Black on Color
11.47:1
AAA Pass
Relative Luminance
0.5234
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.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.57:1
AAA Pass
Aa
White on Color
11.57:1
AAA Pass
Aa
Black on Color
1.81:1
Fail
Relative Luminance
0.0407
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
8.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.71:1
AAA Pass
Aa
White on Color
14.71:1
AAA Pass
Aa
Black on Color
1.43:1
Fail
Relative Luminance
0.0214
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.96:1
Large Only
Aa
On Black
5.30:1
AA Pass
Aa
White on Color
3.96:1
Large Only
Aa
Black on Color
5.30:1
AA Pass
Relative Luminance
0.2148
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.15:1
Large Only
Aa
On Black
6.68:1
AA Pass
Aa
White on Color
3.15:1
Large Only
Aa
Black on Color
6.68:1
AA Pass
Relative Luminance
0.2838
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 Black
8.27:1
AAA Pass
Aa
White on Color
2.54:1
Fail
Aa
Black on Color
8.27:1
AAA Pass
Relative Luminance
0.3635
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