#422F71

Purple

HEX

RGB

HSL

About #422F71 Purple

#422F71 is a purple color. In the RGB color model, it is composed of 66 red, 47 green, and 113 blue. In the HSL color space, it has a hue of 257°, saturation of 41%, and lightness of 31%.

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 #422F71 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

257°

Hue

41%

Saturation

31%

Lightness

Purple

Color Harmonies

Colors that work well with #422F71 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #422F71 against white and black backgrounds.

Aa#422F71 on White
Contrast Ratio11.19:1
AA AA Large AAA
Aa#422F71 on Black
Contrast Ratio1.88:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #422F71 across different color formats.

FormatValue
HEX#422F71
RGBrgb(66, 47, 113)
HSLhsl(257, 41%, 31%)
RGB Decimal66, 47, 113
RGB Percent25.9%, 18.4%, 44.3%
CMYK (approx.)42%, 58%, 0%, 56%

Related Palettes

12 palettes using #422F71 or similar colors

#160A29#2F2046#452574#5F418B
#141320#2D2948#413A74#5144A6
#150F24#30264A#47337B#6B5E8D
#3F3366#714C9A#A67DB5#D4AAD4
#161320#2D254B#463A74#553CAE
#140E25#2F264A#44317D#675991
#111023#222050#393677#4742A9
#121221#201F51#393875#4C4AA1
#3F367C#6B49A6#9C7EAF#CA98D2
#110F24#29244C#3A327C#5B5397
#140F24#2A1C54#422E7F#5E46A5
#150E25#31254B#4B3A73#6142A9