#311534

#311534

Color Values

HEX

#311534

RGB

49, 21, 52

HSL

294.2, 42.5%, 14.3%

HSV

294.2, 59.6%, 20.4%

CMYK

5.8%, 59.6%, 0.0%, 79.6%

OKLCH

0.2514 0.0671 323.6

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#311534

#183415

Analogous

#211534

#341527

#311534

Triadic

#311534

#343115

#153431

Split Complementary

#311534

#273415

#153421

Tetradic

#311534

#342115

#183415

#152734

Color Blindness Simulation

Original

#311534

Protanopia

#25252D

Deuteranopia

#26292B

Tritanopia

#302725

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

16.31:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026