Light Slate Gray
17.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.19:1
Large Only
Aa
On Black
6.58:1
AA Pass
Aa
White on Color
3.19:1
Large Only
Aa
Black on Color
6.58:1
AA Pass
Relative Luminance
0.2792
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
6.79:1
AA Pass
Aa
On Black
3.09:1
Large Only
Aa
White on Color
6.79:1
AA Pass
Aa
Black on Color
3.09:1
Large Only
Relative Luminance
0.1047
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
8.15:1
AAA Pass
Aa
White on Color
2.58:1
Fail
Aa
Black on Color
8.15:1
AAA Pass
Relative Luminance
0.3577
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.23:1
Large Only
Aa
On Black
4.97:1
AA Pass
Aa
White on Color
4.23:1
Large Only
Aa
Black on Color
4.97:1
AA Pass
Relative Luminance
0.1984
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
14.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.61:1
AAA Pass
Aa
White on Color
9.61:1
AAA Pass
Aa
Black on Color
2.18:1
Fail
Relative Luminance
0.0592
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.26:1
Large Only
Aa
On Black
6.45:1
AA Pass
Aa
White on Color
3.26:1
Large Only
Aa
Black on Color
6.45:1
AA Pass
Relative Luminance
0.2725
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.35:1
AA Pass
Aa
On Black
3.93:1
Large Only
Aa
White on Color
5.35:1
AA Pass
Aa
Black on Color
3.93:1
Large Only
Relative Luminance
0.1464
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
9.67:1
AAA Pass
Aa
White on Color
2.17:1
Fail
Aa
Black on Color
9.67:1
AAA Pass
Relative Luminance
0.4334
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