#331636

#331636

Color Values

HEX

#331636

RGB

51, 22, 54

HSL

294.4, 42.1%, 14.9%

HSV

294.4, 59.3%, 21.2%

CMYK

5.6%, 59.3%, 0.0%, 78.8%

OKLCH

0.2575 0.0689 323.7

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#331636

#193616

Analogous

#231636

#361629

#331636

Triadic

#331636

#363316

#163633

Split Complementary

#331636

#293616

#163623

Tetradic

#331636

#362316

#193616

#162936

Color Blindness Simulation

Original

#331636

Protanopia

#26262E

Deuteranopia

#282A2C

Tritanopia

#322827

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E7F4
200
#E8CCEA
300
#D7A8DC
400
#C179C8
500
#AB4AB5
600
#893B91
700
#6E2F74
800
#56255B
900
#3F1E43
950
#28132A

Contrast Checker

Text on white

16.05:1

AA Pass AAA Pass

Text on black

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