#331854

#331854

Color Values

HEX

#331854

RGB

51, 24, 84

HSL

267.0, 55.6%, 21.2%

HSV

267.0, 71.4%, 32.9%

CMYK

39.3%, 71.4%, 0.0%, 67.1%

OKLCH

0.2832 0.1042 300.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#331854

#395418

Analogous

#181B54

#511854

#331854

Triadic

#331854

#543318

#185433

Split Complementary

#331854

#545118

#1B5418

Tetradic

#331854

#54181B

#395418

#185451

Color Blindness Simulation

Original

#331854

Protanopia

#272745

Deuteranopia

#292B42

Tritanopia

#323A38

Achromatopsia

#222222

CSS Usage

background-color: #331854;
color: #331854;
border-color: #331854;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D9C7EF
300
#BEA0E4
400
#9B6CD5
500
#7839C6
600
#602D9F
700
#4D247F
800
#3C1C63
900
#2E1849
950
#1D0F2E

Contrast Checker

Text on white

15.01:1

AA Pass AAA Pass

Text on black

1.4:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026