#22142F

Dark Purple

HEX

RGB

HSL

About #22142F Dark Purple

#22142F is a dark purple color. In the RGB color model, it is composed of 34 red, 20 green, and 47 blue. In the HSL color space, it has a hue of 271°, saturation of 40%, and lightness of 13%.

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

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

271°

Hue

40%

Saturation

13%

Lightness

Dark Purple

Color Harmonies

Colors that work well with #22142F based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #22142F against white and black backgrounds.

Aa#22142F on White
Contrast Ratio17.37:1
AA AA Large AAA
Aa#22142F on Black
Contrast Ratio1.21:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #22142F across different color formats.

FormatValue
HEX#22142F
RGBrgb(34, 20, 47)
HSLhsl(271, 40%, 13%)
RGB Decimal34, 20, 47
RGB Percent13.3%, 7.8%, 18.4%
CMYK (approx.)28%, 57%, 0%, 82%

Related Palettes

12 palettes using #22142F or similar colors

#1A1A2E#16213E#0F3460#E94560
#0B0B0D#1A1A2E#E94560#FFBD39
#230E25#442A47#664469#8A5D8E
#250B28#4B1452#682A6F#922E9E
#1F0E25#402848#67337A#825991
#1E0E25#421C54#5E436B#8647A4
#1F1023#481E52#6F307D#993CAE
#1D0F24#3E254B#5F3B72#8541AA
#1B0D26#3C1D53#5C2C82#795892
#1C0F24#3D214F#5B416C#7E4C9F
#1B0E25#3A2947#5A3578#795298
#231022#492847#6D416B#AC3FA8