Skip to main content
ToolsHub
#57228C

#57228C Color — #57228C

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

Color Format Conversions

HEX#57228C
RGBrgb(87, 34, 140)
HSLhsl(270, 61%, 34%)
HSVhsv(270, 76%, 55%)
CMYKC:38% M:76% Y:0% K:45%
CSS Color#57228C
Decimal5710476
Luminance0.0506

WCAG Accessibility Contrast

#57228C on White
Ratio: 10.43:1 — AAA
#57228C on Black
Ratio: 2.01:1 — Fail
White on #57228C
Ratio: 10.43:1 — AAA
Black on #57228C
Ratio: 2.01:1 — Fail

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

Shades & Tints Scale

50#F7F4F9
100#E6DEEE
200#CDBDDD
300#B39CCB
400#926FB4
500#57228C
600#461B70
700#341454
800#230E38
900#160923

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 #57228C?

The RGB equivalent is rgb(87, 34, 140). The red channel is 87, green is 34, and blue is 140 (scale 0–255).

What is the HSL value of #57228C?

The HSL value is hsl(270, 61%, 34%). Hue is 270°, saturation is 61%, and lightness is 34%.

Does #57228C meet WCAG accessibility standards?

On a white background, #57228C achieves a 10.43:1 contrast ratio (AAA). On a black background it achieves 2.01:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #57228C?

The complementary color (180° opposite on the hue wheel) of #57228C is #578C22.