#402E99

Purple

HEX

RGB

HSL

About #402E99 Purple

#402E99 is a purple color. In the RGB color model, it is composed of 64 red, 46 green, and 153 blue. In the HSL color space, it has a hue of 250°, saturation of 54%, and lightness of 39%.

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

Use #402E99 in your CSS, SCSS, or Tailwind projects.

Color Properties

250°

Hue

54%

Saturation

39%

Lightness

Purple

Color Harmonies

Colors that work well with #402E99 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #402E99 against white and black backgrounds.

Aa#402E99 on White
Contrast Ratio10.15:1
AA AA Large AAA
Aa#402E99 on Black
Contrast Ratio2.07:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #402E99 across different color formats.

FormatValue
HEX#402E99
RGBrgb(64, 46, 153)
HSLhsl(250, 54%, 39%)
RGB Decimal64, 46, 153
RGB Percent25.1%, 18.0%, 60.0%
CMYK (approx.)58%, 70%, 0%, 40%

Related Palettes

12 palettes using #402E99 or similar colors

#141122#22184E#3E3564#432F9D
#3A27A5#A734E4#E67FD6#F4BED1
#0E0F25#161850#272A72#353997
#3628A4#A037E2#E184D6#F1C1D3
#3425A7#9F3CDC#E184D6#F6BCD2
#111222#1F2247#323767#3B4291
#101323#222744#323967#32409A
#4E23A9#C03BDD#E87DC6#F4BDC7
#3A20AC#AB38E0#EC79D7#F2BFCF
#161320#302947#422D80#5F48A3
#3B1FAD#AD3BDE#E97CD3#F4BDCE
#111023#242051#362F7E#473EAD