#22182D

Dark Purple

HEX

RGB

HSL

About #22182D Dark Purple

#22182D is a dark purple color. In the RGB color model, it is composed of 34 red, 24 green, and 45 blue. In the HSL color space, it has a hue of 269°, saturation of 30%, and lightness of 14%.

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 & Gradients

Use #22182D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

269°

Hue

30%

Saturation

14%

Lightness

Dark Purple

Color Harmonies

Colors that work well with #22182D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #22182D against white and black backgrounds.

Aa#22182D on White
Contrast Ratio16.98:1
AA AA Large AAA
Aa#22182D on Black
Contrast Ratio1.24:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #22182D across different color formats.

FormatValue
HEX#22182D
RGBrgb(34, 24, 45)
HSLhsl(269, 30%, 14%)
RGB Decimal34, 24, 45
RGB Percent13.3%, 9.4%, 17.6%
CMYK (approx.)24%, 47%, 0%, 82%

Related Palettes

12 palettes using #22182D or similar colors

#1A1A2E#16213E#0F3460#E94560
#0B0B0D#1A1A2E#E94560#FFBD39
#230E25#442A47#664469#8A5D8E
#1F1023#481E52#6F307D#993CAE
#1F0E25#402848#67337A#825991
#1E0E25#421C54#5E436B#8647A4
#201221#4F1C54#713777#8B5C8F
#231022#492847#6D416B#AC3FA8
#1D0F24#3E254B#5F3B72#8541AA
#1E1221#42254B#614469#865694
#1E1221#491F51#6E3479#8C5497
#1C0F24#3D214F#5B416C#7E4C9F