#311330

#311330

Color Values

HEX

#311330

RGB

49, 19, 48

HSL

302.0, 44.1%, 13.3%

HSV

302.0, 61.2%, 19.2%

CMYK

0.0%, 61.2%, 2.0%, 80.8%

OKLCH

0.2455 0.0665 328.6

Properties

Warm Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#311330

#133114

Analogous

#231331

#311321

#311330

Triadic

#311330

#303113

#133031

Split Complementary

#311330

#213113

#133123

Tetradic

#311330

#312313

#133114

#132131

Color Blindness Simulation

Original

#311330

Protanopia

#242429

Deuteranopia

#262827

Tritanopia

#302322

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCCEA
300
#DDA7DB
400
#CA77C7
500
#B847B4
600
#933990
700
#762E73
800
#5C245A
900
#441D42
950
#2B122A

Contrast Checker

Text on white

16.58:1

AA Pass AAA Pass

Text on black

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