Accessibility (WCAG 2.1)
Aa
On White
5.98:1
AA Pass
Aa
On Black
3.51:1
Large Only
Aa
White on Color
5.98:1
AA Pass
Aa
Black on Color
3.51:1
Large Only
Relative Luminance
0.1255
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
15.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
13.13:1
AAA Pass
Aa
White on Color
13.13:1
AAA Pass
Aa
Black on Color
1.60:1
Fail
Relative Luminance
0.0300
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
4.56:1
AA Pass
Aa
On Black
4.61:1
AA Pass
Aa
White on Color
4.56:1
AA Pass
Aa
Black on Color
4.61:1
AA Pass
Relative Luminance
0.1804
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.77:1
AA Pass
Aa
On Black
3.64:1
Large Only
Aa
White on Color
5.77:1
AA Pass
Aa
Black on Color
3.64:1
Large Only
Relative Luminance
0.1319
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
12.7%
Green
Accessibility (WCAG 2.1)
Aa
On White
7.49:1
AAA Pass
Aa
White on Color
7.49:1
AAA Pass
Aa
Black on Color
2.80:1
Fail
Relative Luminance
0.0901
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.06:1
Large Only
Aa
On Black
5.17:1
AA Pass
Aa
White on Color
4.06:1
Large Only
Aa
Black on Color
5.17:1
AA Pass
Relative Luminance
0.2087
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
Light Slate Gray
8.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.73:1
Large Only
Aa
On Black
5.64:1
AA Pass
Aa
White on Color
3.73:1
Large Only
Aa
Black on Color
5.64:1
AA Pass
Relative Luminance
0.2318
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
16.54:1
AAA Pass
Aa
White on Color
16.54:1
AAA Pass
Aa
Black on Color
1.27:1
Fail
Relative Luminance
0.0135
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