Skip to main content
ToolsHub
#562E8A

#562E8A Color — #562E8A

Complete color reference for #562E8A: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#562E8A
RGBrgb(86, 46, 138)
HSLhsl(266, 50%, 36%)
HSVhsv(266, 67%, 54%)
CMYKC:38% M:67% Y:0% K:46%
CSS Color#562E8A
Decimal5648010
Luminance0.0577

WCAG Accessibility Contrast

#562E8A on White
Ratio: 9.75:1 — AAA
#562E8A on Black
Ratio: 2.15:1 — Fail
White on #562E8A
Ratio: 9.75:1 — AAA
Black on #562E8A
Ratio: 2.15:1 — Fail

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F7F5F9
100#E6E0ED
200#CCC0DC
300#B3A1CA
400#9177B3
500#562E8A
600#45256E
700#341C53
800#221237
900#160C23

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #562E8A?

The RGB equivalent is rgb(86, 46, 138). The red channel is 86, green is 46, and blue is 138 (scale 0–255).

What is the HSL value of #562E8A?

The HSL value is hsl(266, 50%, 36%). Hue is 266°, saturation is 50%, and lightness is 36%.

Does #562E8A meet WCAG accessibility standards?

On a white background, #562E8A achieves a 9.75:1 contrast ratio (AAA). On a black background it achieves 2.15:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #562E8A?

The complementary color (180° opposite on the hue wheel) of #562E8A is #628A2E.