#31044E

#31044E

Color Values

HEX

#31044E

RGB

49, 4, 78

HSL

276.5, 90.2%, 16.1%

HSV

276.5, 94.9%, 30.6%

CMYK

37.2%, 94.9%, 0.0%, 69.4%

OKLCH

0.2508 0.1218 306.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#31044E

#214E04

Analogous

#0C044E

#4E0446

#31044E

Triadic

#31044E

#4E3104

#044E31

Split Complementary

#31044E

#464E04

#044E0C

Tetradic

#31044E

#4E0C04

#214E04

#04464E

Color Blindness Simulation

Original

#31044E

Protanopia

#1E1D3C

Deuteranopia

#202438

Tritanopia

#2F2E2B

Achromatopsia

#131313

CSS Usage

background-color: #31044E;
color: #31044E;
border-color: #31044E;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BBFC
300
#CE8BF9
400
#B34CF6
500
#980CF3
600
#7A0AC2
700
#62089B
800
#4C0679
900
#390958
950
#240637

Contrast Checker

Text on white

16.69:1

AA Pass AAA Pass

Text on black

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