Dark Slate Gray
37.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.15:1
AAA Pass
Aa
White on Color
12.15:1
AAA Pass
Aa
Black on Color
1.73:1
Fail
Relative Luminance
0.0364
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
18.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.52:1
AAA Pass
Aa
White on Color
9.52:1
AAA Pass
Aa
Black on Color
2.21:1
Fail
Relative Luminance
0.0603
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
Pale Goldenrod
9.0%
Yellow
Accessibility (WCAG 2.1)
Aa
On Black
19.27:1
AAA Pass
Aa
White on Color
1.09:1
Fail
Aa
Black on Color
19.27:1
AAA Pass
Relative Luminance
0.9136
Very 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
Accessibility (WCAG 2.1)
Aa
On White
6.96:1
AA Pass
Aa
On Black
3.02:1
Large Only
Aa
White on Color
6.96:1
AA Pass
Aa
Black on Color
3.02:1
Large Only
Relative Luminance
0.1009
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
16.92:1
AAA Pass
Aa
White on Color
1.24:1
Fail
Aa
Black on Color
16.92:1
AAA Pass
Relative Luminance
0.7958
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
Accessibility (WCAG 2.1)
Aa
On Black
9.68:1
AAA Pass
Aa
White on Color
2.17:1
Fail
Aa
Black on Color
9.68:1
AAA Pass
Relative Luminance
0.4338
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.43:1
Large Only
Aa
On Black
6.13:1
AA Pass
Aa
White on Color
3.43:1
Large Only
Aa
Black on Color
6.13:1
AA Pass
Relative Luminance
0.2563
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
4.43:1
Large Only
Aa
On Black
4.74:1
AA Pass
Aa
White on Color
4.43:1
Large Only
Aa
Black on Color
4.74:1
AA Pass
Relative Luminance
0.1871
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