Accessibility (WCAG 2.1)
Aa
On White
5.95:1
AA Pass
Aa
On Black
3.53:1
Large Only
Aa
White on Color
5.95:1
AA Pass
Aa
Black on Color
3.53:1
Large Only
Relative Luminance
0.1265
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.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.00:1
AAA Pass
Aa
White on Color
8.00:1
AAA Pass
Aa
Black on Color
2.62:1
Fail
Relative Luminance
0.0812
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.64:1
AA Pass
Aa
On Black
4.53:1
AA Pass
Aa
White on Color
4.64:1
AA Pass
Aa
Black on Color
4.53:1
AA Pass
Relative Luminance
0.1765
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
13.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.49:1
AAA Pass
Aa
White on Color
14.49:1
AAA Pass
Aa
Black on Color
1.45:1
Fail
Relative Luminance
0.0224
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
11.7%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.72:1
AAA Pass
Aa
White on Color
10.72: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
17.59:1
AAA Pass
Aa
White on Color
17.59:1
AAA Pass
Aa
Black on Color
1.19:1
Fail
Relative Luminance
0.0097
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
Light Slate Gray
8.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.80:1
Large Only
Aa
On Black
5.53:1
AA Pass
Aa
White on Color
3.80:1
Large Only
Aa
Black on Color
5.53:1
AA Pass
Relative Luminance
0.2265
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
Light Slate Gray
4.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.15:1
Large Only
Aa
On Black
6.66:1
AA Pass
Aa
White on Color
3.15:1
Large Only
Aa
Black on Color
6.66:1
AA Pass
Relative Luminance
0.2830
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