#331D3C

#331D3C

Color Values

HEX

#331D3C

RGB

51, 29, 60

HSL

282,6, 34,8%, 17,5%

HSV

282,6, 51,7%, 23,5%

CMYK

15,0%, 51,7%, 0,0%, 76,5%

OKLCH

0,2744 0,0621 315,5

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#331D3C

#263C1D

Analogous

#241D3C

#3C1D36

#331D3C

Triadic

#331D3C

#3C331D

#1D3C33

Split Complementary

#331D3C

#363C1D

#1D3C24

Tetradic

#331D3C

#3C241D

#263C1D

#1D363C

Color Blindness Simulation

Original

#331D3C

Protanopia

#292935

Deuteranopia

#2B2C33

Tritanopia

#322F2D

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E1CFE8
300
#CBADD7
400
#AE80C1
500
#9253AC
600
#754389
700
#5E356E
800
#492A56
900
#372140
950
#231528

Contrast Checker

Text on white

15,2:1

AA Pass AAA Pass

Text on black

1,38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026