Accessibility (WCAG 2.1)
Aa
On White
6.16:1
AA Pass
Aa
On Black
3.41:1
Large Only
Aa
White on Color
6.16:1
AA Pass
Aa
Black on Color
3.41:1
Large Only
Relative Luminance
0.1204
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
14.89:1
AAA Pass
Aa
White on Color
1.41:1
Fail
Aa
Black on Color
14.89:1
AAA Pass
Relative Luminance
0.6945
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
Accessibility (WCAG 2.1)
Aa
On White
4.48:1
Large Only
Aa
On Black
4.69:1
AA Pass
Aa
White on Color
4.48:1
Large Only
Aa
Black on Color
4.69:1
AA Pass
Relative Luminance
0.1843
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
17.80:1
AAA Pass
Aa
White on Color
1.18:1
Fail
Aa
Black on Color
17.80:1
AAA Pass
Relative Luminance
0.8400
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
5.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
12.92:1
AAA Pass
Aa
White on Color
12.92:1
AAA Pass
Aa
Black on Color
1.62:1
Fail
Relative Luminance
0.0312
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
5.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.50:1
Large Only
Aa
On Black
6.00:1
AA Pass
Aa
White on Color
3.50:1
Large Only
Aa
Black on Color
6.00:1
AA Pass
Relative Luminance
0.2498
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.93:1
AA Pass
Aa
On Black
3.03:1
Large Only
Aa
White on Color
6.93:1
AA Pass
Aa
Black on Color
3.03:1
Large Only
Relative Luminance
0.1015
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
4.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.80:1
AAA Pass
Aa
White on Color
9.80:1
AAA Pass
Aa
Black on Color
2.14:1
Fail
Relative Luminance
0.0571
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