Accessibility (WCAG 2.1)
Aa
On White
3.76:1
Large Only
Aa
On Black
5.59:1
AA Pass
Aa
White on Color
3.76:1
Large Only
Aa
Black on Color
5.59:1
AA Pass
Relative Luminance
0.2295
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
4.81:1
AA Pass
Aa
On Black
4.37:1
Large Only
Aa
White on Color
4.81:1
AA Pass
Aa
Black on Color
4.37:1
Large Only
Relative Luminance
0.1685
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.77:1
AA Pass
Aa
On Black
3.10:1
Large Only
Aa
White on Color
6.77:1
AA Pass
Aa
Black on Color
3.10:1
Large Only
Relative Luminance
0.1051
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
12.8%
Gray
Accessibility (WCAG 2.1)
Aa
On White
8.64:1
AAA Pass
Aa
White on Color
8.64:1
AAA Pass
Aa
Black on Color
2.43:1
Fail
Relative Luminance
0.0715
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
9.5%
Gray
Accessibility (WCAG 2.1)
Aa
On White
14.64:1
AAA Pass
Aa
White on Color
14.64:1
AAA Pass
Aa
Black on Color
1.43:1
Fail
Relative Luminance
0.0217
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
9.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
11.14:1
AAA Pass
Aa
White on Color
11.14:1
AAA Pass
Aa
Black on Color
1.89:1
Fail
Relative Luminance
0.0443
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
3.40:1
Large Only
Aa
On Black
6.18:1
AA Pass
Aa
White on Color
3.40:1
Large Only
Aa
Black on Color
6.18:1
AA Pass
Relative Luminance
0.2588
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.85:1
AA Pass
Aa
On Black
3.59:1
Large Only
Aa
White on Color
5.85:1
AA Pass
Aa
Black on Color
3.59:1
Large Only
Relative Luminance
0.1296
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