Accessibility (WCAG 2.1)
Aa
On White
6.74:1
AA Pass
Aa
On Black
3.11:1
Large Only
Aa
White on Color
6.74:1
AA Pass
Aa
Black on Color
3.11:1
Large Only
Relative Luminance
0.1057
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.04:1
Large Only
Aa
On Black
5.20:1
AA Pass
Aa
White on Color
4.04:1
Large Only
Aa
Black on Color
5.20:1
AA Pass
Relative Luminance
0.2099
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
13.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.68:1
AAA Pass
Aa
White on Color
9.68:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
Relative Luminance
0.0584
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.50:1
AAA Pass
Aa
White on Color
2.47:1
Fail
Aa
Black on Color
8.50:1
AAA Pass
Relative Luminance
0.3752
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
10.6%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.18:1
Large Only
Aa
On Black
6.60:1
AA Pass
Aa
White on Color
3.18:1
Large Only
Aa
Black on Color
6.60:1
AA Pass
Relative Luminance
0.2802
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.16:1
AA Pass
Aa
On Black
4.07:1
Large Only
Aa
White on Color
5.16:1
AA Pass
Aa
Black on Color
4.07:1
Large Only
Relative Luminance
0.1533
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
10.45:1
AAA Pass
Aa
White on Color
2.01:1
Fail
Aa
Black on Color
10.45:1
AAA Pass
Relative Luminance
0.4724
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
6.4%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.49:1
AAA Pass
Aa
White on Color
12.49:1
AAA Pass
Aa
Black on Color
1.68:1
Fail
Relative Luminance
0.0341
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