#331E69

Purple

HEX

RGB

HSL

About #331E69 Purple

#331E69 is a purple color. In the RGB color model, it is composed of 51 red, 30 green, and 105 blue. In the HSL color space, it has a hue of 257°, saturation of 56%, and lightness of 26%.

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

Beautiful Gradients

Color Properties

257°

Hue

56%

Saturation

26%

Lightness

Purple

Color Harmonies

Colors that work well with #331E69 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #331E69 against white and black backgrounds.

Aa#331E69 on White
Contrast Ratio13.72:1
AA AA Large AAA
Aa#331E69 on Black
Contrast Ratio1.53:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #331E69 across different color formats.

FormatValue
HEX#331E69
RGBrgb(51, 30, 105)
HSLhsl(257, 56%, 26%)
RGB Decimal51, 30, 105
RGB Percent20.0%, 11.8%, 41.2%
CMYK (approx.)51%, 71%, 0%, 59%

Related Palettes

12 palettes using #331E69 or similar colors

#0E0F25#161850#272A72#353997
#373267#6A588D#9E7CB6#CAAFCF
#160A29#2F2046#452574#5F418B
#121122#252343#373465#484488
#140F24#2A1C54#422E7F#5E46A5
#180D26#361E52#554469#7043A8
#1A1320#3B1D53#593E70#794D9D
#1B0D26#3C1D53#5C2C82#795892
#393564#685392#9E7CB6#CCADD2
#3F3366#714C9A#A67DB5#D4AAD4
#111222#1F2247#323767#3B4291
#383663#675690#9C79B9#C9AFD0