Accessibility (WCAG 2.1)
Aa
On Black
14.28:1
AAA Pass
Aa
White on Color
1.47:1
Fail
Aa
Black on Color
14.28:1
AAA Pass
Relative Luminance
0.6640
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 Black
10.47:1
AAA Pass
Aa
White on Color
2.01:1
Fail
Aa
Black on Color
10.47:1
AAA Pass
Relative Luminance
0.4733
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 Black
17.56:1
AAA Pass
Aa
White on Color
1.20:1
Fail
Aa
Black on Color
17.56:1
AAA Pass
Relative Luminance
0.8280
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
Light Slate Gray
10.0%
Gray
Accessibility (WCAG 2.1)
Aa
On White
3.25:1
Large Only
Aa
On Black
6.45:1
AA Pass
Aa
White on Color
3.25:1
Large Only
Aa
Black on Color
6.45:1
AA Pass
Relative Luminance
0.2727
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 Black
8.25:1
AAA Pass
Aa
White on Color
2.55:1
Fail
Aa
Black on Color
8.25:1
AAA Pass
Relative Luminance
0.3623
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 Black
12.29:1
AAA Pass
Aa
White on Color
1.71:1
Fail
Aa
Black on Color
12.29:1
AAA Pass
Relative Luminance
0.5645
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.39:1
Large Only
Aa
On Black
4.78:1
AA Pass
Aa
White on Color
4.39:1
Large Only
Aa
Black on Color
4.78:1
AA Pass
Relative Luminance
0.1889
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 Sea Green
6.5%
Cyan
Accessibility (WCAG 2.1)
Aa
On White
3.15:1
Large Only
Aa
On Black
6.67:1
AA Pass
Aa
White on Color
3.15:1
Large Only
Aa
Black on Color
6.67:1
AA Pass
Relative Luminance
0.2833
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