#221C30

Dark Purple

HEX

RGB

HSL

About #221C30 Dark Purple

#221C30 is a dark purple color. In the RGB color model, it is composed of 34 red, 28 green, and 48 blue. In the HSL color space, it has a hue of 258°, saturation of 26%, and lightness of 15%.

This color has a low lightness value, making it a dark color great for text and bold accents. With low saturation, it appears muted and subtle.

CSS Code

Use #221C30 in your CSS, SCSS, or Tailwind projects.

Color Properties

258°

Hue

26%

Saturation

15%

Lightness

Dark Purple

Color Harmonies

Colors that work well with #221C30 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #221C30 against white and black backgrounds.

Aa#221C30 on White
Contrast Ratio16.45:1
AA AA Large AAA
Aa#221C30 on Black
Contrast Ratio1.28:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #221C30 across different color formats.

FormatValue
HEX#221C30
RGBrgb(34, 28, 48)
HSLhsl(258, 26%, 15%)
RGB Decimal34, 28, 48
RGB Percent13.3%, 11.0%, 18.8%
CMYK (approx.)29%, 42%, 0%, 81%

Related Palettes

12 palettes using #221C30 or similar colors

#1A1A2E#16213E#0F3460#E94560
#0B0B0D#1A1A2E#E94560#FFBD39
#1B2430#51557E#816797#D6D5A8
#222831#393E46#00ADB5#EEEEEE
#1B262C#0F4C75#3282B8#BBE1FA
#08D9D6#252A34#FF2E63#EAEAEA
#230E25#442A47#664469#8A5D8E
#1F1023#481E52#6F307D#993CAE
#1F0E25#402848#67337A#825991
#2B2B2B#423F3E#706C61#C8B6A6
#1E0E25#421C54#5E436B#8647A4
#1D0F24#3E254B#5F3B72#8541AA