Dark Slate Blue
31.2%
Purple
Accessibility (WCAG 2.1)
Aa
On White
8.80:1
AAA Pass
Aa
White on Color
8.80:1
AAA Pass
Aa
Black on Color
2.39:1
Fail
Relative Luminance
0.0693
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
20.49:1
AAA Pass
Aa
White on Color
1.02:1
Fail
Aa
Black on Color
20.49:1
AAA Pass
Relative Luminance
0.9747
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
Dark Slate Blue
17.3%
Purple
Accessibility (WCAG 2.1)
Aa
On White
7.18:1
AAA Pass
Aa
White on Color
7.18:1
AAA Pass
Aa
Black on Color
2.93:1
Fail
Relative Luminance
0.0963
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.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.73:1
AAA Pass
Aa
White on Color
10.73:1
AAA Pass
Aa
Black on Color
1.96:1
Fail
Relative Luminance
0.0479
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.79:1
AA Pass
Aa
On Black
4.39:1
Large Only
Aa
White on Color
4.79:1
AA Pass
Aa
Black on Color
4.39:1
Large Only
Relative Luminance
0.1693
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
Light Slate Gray
4.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.72:1
Large Only
Aa
On Black
5.65:1
AA Pass
Aa
White on Color
3.72:1
Large Only
Aa
Black on Color
5.65:1
AA Pass
Relative Luminance
0.2324
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.50:1
AA Pass
Aa
On Black
3.23:1
Large Only
Aa
White on Color
6.50:1
AA Pass
Aa
Black on Color
3.23:1
Large Only
Relative Luminance
0.1116
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
Light Slate Gray
4.2%
Gray
Accessibility (WCAG 2.1)
Aa
On Black
7.06:1
AAA Pass
Aa
White on Color
2.98:1
Fail
Aa
Black on Color
7.06:1
AAA Pass
Relative Luminance
0.3029
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