Skip to main content
ToolsHub
#22228C

#22228C Color — #22228C

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

Color Format Conversions

HEX#22228C
RGBrgb(34, 34, 140)
HSLhsl(240, 61%, 34%)
HSVhsv(240, 76%, 55%)
CMYKC:76% M:76% Y:0% K:45%
CSS Color#22228C
Decimal2237068
Luminance0.0338

WCAG Accessibility Contrast

#22228C on White
Ratio: 12.53:1 — AAA
#22228C on Black
Ratio: 1.68:1 — Fail
White on #22228C
Ratio: 12.53:1 — AAA
Black on #22228C
Ratio: 1.68:1 — Fail

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

Shades & Tints Scale

50#F4F4F9
100#DEDEEE
200#BDBDDD
300#9C9CCB
400#6F6FB4
500#22228C
600#1B1B70
700#141454
800#0E0E38
900#090923

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

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

What is the HSL value of #22228C?

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

Does #22228C meet WCAG accessibility standards?

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

What is the complementary color of #22228C?

The complementary color (180° opposite on the hue wheel) of #22228C is #8C8C22.