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
Accessibility (WCAG 2.1)
Aa
On White
7.27:1
AAA Pass
Aa
White on Color
7.27:1
AAA Pass
Aa
Black on Color
2.89:1
Fail
Relative Luminance
0.0945
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
20.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
10.94:1
AAA Pass
Aa
White on Color
10.94:1
AAA Pass
Aa
Black on Color
1.92:1
Fail
Relative Luminance
0.0459
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
10.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.10:1
AAA Pass
Aa
White on Color
14.10:1
AAA Pass
Aa
Black on Color
1.49:1
Fail
Relative Luminance
0.0245
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
5.78:1
AA Pass
Aa
On Black
3.63:1
Large Only
Aa
White on Color
5.78:1
AA Pass
Aa
Black on Color
3.63:1
Large Only
Relative Luminance
0.1316
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.32:1
Large Only
Aa
On Black
4.86:1
AA Pass
Aa
White on Color
4.32:1
Large Only
Aa
Black on Color
4.86:1
AA Pass
Relative Luminance
0.1932
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
5.35:1
AA Pass
Aa
On Black
3.92:1
Large Only
Aa
White on Color
5.35:1
AA Pass
Aa
Black on Color
3.92:1
Large Only
Relative Luminance
0.1462
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
2.1%
Gray
Accessibility (WCAG 2.1)
Aa
On White
9.58:1
AAA Pass
Aa
White on Color
9.58:1
AAA Pass
Aa
Black on Color
2.19:1
Fail
Relative Luminance
0.0596
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