Accessibility (WCAG 2.1)
Aa
On White
19.14:1
AAA Pass
Aa
White on Color
19.14:1
AAA Pass
Aa
Black on Color
1.10:1
Fail
Relative Luminance
0.0049
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
4.12:1
Large Only
Aa
On Black
5.10:1
AA Pass
Aa
White on Color
4.12:1
Large Only
Aa
Black on Color
5.10:1
AA Pass
Relative Luminance
0.2051
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
12.9%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.86:1
AAA Pass
Aa
White on Color
14.86:1
AAA Pass
Aa
Black on Color
1.41:1
Fail
Relative Luminance
0.0207
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
7.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.30:1
AAA Pass
Aa
White on Color
11.30:1
AAA Pass
Aa
Black on Color
1.86:1
Fail
Relative Luminance
0.0429
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.11:1
AA Pass
Aa
On Black
4.11:1
Large Only
Aa
White on Color
5.11:1
AA Pass
Aa
Black on Color
4.11:1
Large Only
Relative Luminance
0.1555
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 Olive Green
5.5%
Green
Accessibility (WCAG 2.1)
Aa
On White
8.68:1
AAA Pass
Aa
White on Color
8.68:1
AAA Pass
Aa
Black on Color
2.42:1
Fail
Relative Luminance
0.0710
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.87:1
AA Pass
Aa
On Black
3.06:1
Large Only
Aa
White on Color
6.87:1
AA Pass
Aa
Black on Color
3.06:1
Large Only
Relative Luminance
0.1028
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.47:1
AA Pass
Aa
On Black
3.84:1
Large Only
Aa
White on Color
5.47:1
AA Pass
Aa
Black on Color
3.84:1
Large Only
Relative Luminance
0.1421
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