Dark Slate Blue
26.0%
Purple
Accessibility (WCAG 2.1)
Aa
On White
8.42:1
AAA Pass
Aa
White on Color
8.42:1
AAA Pass
Aa
Black on Color
2.49:1
Fail
Relative Luminance
0.0747
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
6.54:1
AA Pass
Aa
On Black
3.21:1
Large Only
Aa
White on Color
6.54:1
AA Pass
Aa
Black on Color
3.21:1
Large Only
Relative Luminance
0.1106
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.88:1
AA Pass
Aa
On Black
4.30:1
Large Only
Aa
White on Color
4.88:1
AA Pass
Aa
Black on Color
4.30:1
Large Only
Relative Luminance
0.1651
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.61:1
AA Pass
Aa
On Black
3.74:1
Large Only
Aa
White on Color
5.61:1
AA Pass
Aa
Black on Color
3.74:1
Large Only
Relative Luminance
0.1372
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.94:1
Large Only
Aa
On Black
5.34:1
AA Pass
Aa
White on Color
3.94:1
Large Only
Aa
Black on Color
5.34:1
AA Pass
Relative Luminance
0.2168
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.20:1
Large Only
Aa
On Black
6.56:1
AA Pass
Aa
White on Color
3.20:1
Large Only
Aa
Black on Color
6.56:1
AA Pass
Relative Luminance
0.2782
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 Slate Gray
8.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
7.23:1
AAA Pass
Aa
White on Color
7.23:1
AAA Pass
Aa
Black on Color
2.90:1
Fail
Relative Luminance
0.0952
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
5.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.99:1
AAA Pass
Aa
White on Color
8.99:1
AAA Pass
Aa
Black on Color
2.34:1
Fail
Relative Luminance
0.0668
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