Accessibility (WCAG 2.1)
Aa
On White
5.05:1
AA Pass
Aa
On Black
4.16:1
Large Only
Aa
White on Color
5.05:1
AA Pass
Aa
Black on Color
4.16:1
Large Only
Relative Luminance
0.1580
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.47:1
AA Pass
Aa
On Black
3.25:1
Large Only
Aa
White on Color
6.47:1
AA Pass
Aa
Black on Color
3.25:1
Large Only
Relative Luminance
0.1123
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.66:1
AAA Pass
Aa
White on Color
1.02:1
Fail
Aa
Black on Color
20.66:1
AAA Pass
Relative Luminance
0.9829
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 Gray
13.2%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.40:1
AAA Pass
Aa
White on Color
8.40:1
AAA Pass
Aa
Black on Color
2.50:1
Fail
Relative Luminance
0.0750
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.0%
Gray
Accessibility (WCAG 2.1)
Aa
On Black
7.43:1
AAA Pass
Aa
White on Color
2.83:1
Fail
Aa
Black on Color
7.43:1
AAA Pass
Relative Luminance
0.3214
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
3.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.89:1
AAA Pass
Aa
White on Color
10.89:1
AAA Pass
Aa
Black on Color
1.93:1
Fail
Relative Luminance
0.0464
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
3.3%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.55:1
Large Only
Aa
On Black
5.92:1
AA Pass
Aa
White on Color
3.55:1
Large Only
Aa
Black on Color
5.92:1
AA Pass
Relative Luminance
0.2460
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
16.94:1
AAA Pass
Aa
White on Color
16.94:1
AAA Pass
Aa
Black on Color
1.24:1
Fail
Relative Luminance
0.0120
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