Dark Slate Gray
24.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.09:1
AAA Pass
Aa
White on Color
9.09:1
AAA Pass
Aa
Black on Color
2.31:1
Fail
Relative Luminance
0.0656
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
11.89:1
AAA Pass
Aa
White on Color
11.89:1
AAA Pass
Aa
Black on Color
1.77:1
Fail
Relative Luminance
0.0383
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.12:1
Large Only
Aa
On Black
5.10:1
AA Pass
Aa
White on Color
4.12:1
Large Only
Aa
Black on Color
5.10:1
AA Pass
Relative Luminance
0.2049
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 Goldenrod
11.6%
Yellow
Accessibility (WCAG 2.1)
Aa
On White
4.09:1
Large Only
Aa
On Black
5.14:1
AA Pass
Aa
White on Color
4.09:1
Large Only
Aa
Black on Color
5.14:1
AA Pass
Relative Luminance
0.2068
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
5.93:1
AA Pass
Aa
On Black
3.54:1
Large Only
Aa
White on Color
5.93:1
AA Pass
Aa
Black on Color
3.54:1
Large Only
Relative Luminance
0.1271
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.24:1
Large Only
Aa
On Black
6.49:1
AA Pass
Aa
White on Color
3.24:1
Large Only
Aa
Black on Color
6.49:1
AA Pass
Relative Luminance
0.2744
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
9.74:1
AAA Pass
Aa
White on Color
2.16:1
Fail
Aa
Black on Color
9.74:1
AAA Pass
Relative Luminance
0.4371
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
7.79:1
AAA Pass
Aa
White on Color
2.70:1
Fail
Aa
Black on Color
7.79:1
AAA Pass
Relative Luminance
0.3393
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