Accessibility (WCAG 2.1)
Aa
On White
6.01:1
AA Pass
Aa
On Black
3.50:1
Large Only
Aa
White on Color
6.01:1
AA Pass
Aa
Black on Color
3.50:1
Large Only
Relative Luminance
0.1248
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.36:1
AAA Pass
Aa
White on Color
7.36:1
AAA Pass
Aa
Black on Color
2.86:1
Fail
Relative Luminance
0.0928
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
9.91:1
AAA Pass
Aa
White on Color
9.91:1
AAA Pass
Aa
Black on Color
2.12:1
Fail
Relative Luminance
0.0559
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.00:1
AA Pass
Aa
On Black
4.20:1
Large Only
Aa
White on Color
5.00:1
AA Pass
Aa
Black on Color
4.20:1
Large Only
Relative Luminance
0.1601
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.34:1
Large Only
Aa
On Black
4.84:1
AA Pass
Aa
White on Color
4.34:1
Large Only
Aa
Black on Color
4.84:1
AA Pass
Relative Luminance
0.1922
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.99:1
AA Pass
Aa
On Black
3.00:1
Large Only
Aa
White on Color
6.99:1
AA Pass
Aa
Black on Color
3.00:1
Large Only
Relative Luminance
0.1002
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.61:1
AA Pass
Aa
On Black
3.18:1
Large Only
Aa
White on Color
6.61:1
AA Pass
Aa
Black on Color
3.18:1
Large Only
Relative Luminance
0.1090
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.55:1
AA Pass
Aa
On Black
3.79:1
Large Only
Aa
White on Color
5.55:1
AA Pass
Aa
Black on Color
3.79:1
Large Only
Relative Luminance
0.1393
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