Accessibility (WCAG 2.1)
Aa
On White
18.19:1
AAA Pass
Aa
White on Color
18.19:1
AAA Pass
Aa
Black on Color
1.15:1
Fail
Relative Luminance
0.0077
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
29.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.13:1
AAA Pass
Aa
White on Color
14.13:1
AAA Pass
Aa
Black on Color
1.49:1
Fail
Relative Luminance
0.0243
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
9.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.86:1
AAA Pass
Aa
White on Color
10.86:1
AAA Pass
Aa
Black on Color
1.93:1
Fail
Relative Luminance
0.0467
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.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.46:1
AAA Pass
Aa
White on Color
10.46:1
AAA Pass
Aa
Black on Color
2.01:1
Fail
Relative Luminance
0.0504
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
6.2%
Green
Accessibility (WCAG 2.1)
Aa
On White
7.61:1
AAA Pass
Aa
White on Color
7.61:1
AAA Pass
Aa
Black on Color
2.76:1
Fail
Relative Luminance
0.0880
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.75:1
AA Pass
Aa
On Black
3.65:1
Large Only
Aa
White on Color
5.75:1
AA Pass
Aa
Black on Color
3.65:1
Large Only
Relative Luminance
0.1327
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
7.43:1
AAA Pass
Aa
White on Color
7.43:1
AAA Pass
Aa
Black on Color
2.83:1
Fail
Relative Luminance
0.0914
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.72:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.72:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
Relative Luminance
0.1337
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