#22063C

Dark Purple

HEX

RGB

HSL

About #22063C Dark Purple

#22063C is a dark purple color. In the RGB color model, it is composed of 34 red, 6 green, and 60 blue. In the HSL color space, it has a hue of 271°, saturation of 82%, and lightness of 13%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #22063C in your CSS, SCSS, or Tailwind projects.

Color Properties

271°

Hue

82%

Saturation

13%

Lightness

Dark Purple

Color Harmonies

Colors that work well with #22063C based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #22063C against white and black backgrounds.

Aa#22063C on White
Contrast Ratio18.11:1
AA AA Large AAA
Aa#22063C on Black
Contrast Ratio1.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #22063C across different color formats.

FormatValue
HEX#22063C
RGBrgb(34, 6, 60)
HSLhsl(271, 82%, 13%)
RGB Decimal34, 6, 60
RGB Percent13.3%, 2.4%, 23.5%
CMYK (approx.)43%, 90%, 0%, 76%

Related Palettes

12 palettes using #22063C or similar colors

#250B28#4B1452#682A6F#922E9E
#160A29#2F2046#452574#5F418B
#230E25#442A47#664469#8A5D8E
#1F0E25#402848#67337A#825991
#1E0E25#421C54#5E436B#8647A4
#180D26#361E52#554469#7043A8
#141122#22184E#3E3564#432F9D
#1A1A2E#16213E#0F3460#E94560
#0B0B0D#1A1A2E#E94560#FFBD39
#1D0F24#3E254B#5F3B72#8541AA
#1C0F24#3D214F#5B416C#7E4C9F
#140D26#332C44#4C3C72#6347A4