#31103B

#31103B

Color Values

HEX

#31103B

RGB

49, 16, 59

HSL

286.0, 57.3%, 14.7%

HSV

286.0, 72.9%, 23.1%

CMYK

16.9%, 72.9%, 0.0%, 76.9%

OKLCH

0.2481 0.085 317.5

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#31103B

#1A3B10

Analogous

#1B103B

#3B1030

#31103B

Triadic

#31103B

#3B3110

#103B31

Split Complementary

#31103B

#303B10

#103B1B

Tetradic

#31103B

#3B1B10

#1A3B10

#10303B

Color Blindness Simulation

Original

#31103B

Protanopia

#232231

Deuteranopia

#25272E

Tritanopia

#2F2827

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F2E4F6
200
#E6C7F0
300
#D59FE5
400
#BD6BD7
500
#A636C9
600
#852CA0
700
#6B2380
800
#531B64
900
#3E1749
950
#270F2E

Contrast Checker

Text on white

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