#331956

#331956

Color Values

HEX

#331956

RGB

51, 25, 86

HSL

265.6, 55.0%, 21.8%

HSV

265.6, 70.9%, 33.7%

CMYK

40.7%, 70.9%, 0.0%, 66.3%

OKLCH

0.2865 0.1053 299.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#331956

#3C5619

Analogous

#191D56

#521956

#331956

Triadic

#331956

#563319

#195633

Split Complementary

#331956

#565219

#1D5619

Tetradic

#331956

#56191D

#3C5619

#195652

Color Blindness Simulation

Original

#331956

Protanopia

#282847

Deuteranopia

#292B44

Tritanopia

#323C39

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D8C8EF
300
#BDA0E3
400
#996DD5
500
#7539C6
600
#5E2E9E
700
#4B257E
800
#3B1D63
900
#2D1848
950
#1C0F2E

Contrast Checker

Text on white

14.85:1

AA Pass AAA Pass

Text on black

1.41: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