#31366E

#31366E

Color Values

HEX

#31366E

RGB

49, 54, 110

HSL

235.1, 38.4%, 31.2%

HSV

235.1, 55.5%, 43.1%

CMYK

55.5%, 50.9%, 0.0%, 56.9%

OKLCH

0.3594 0.0956 276.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#31366E

#6E6931

Analogous

#31556E

#4B316E

#31366E

Triadic

#31366E

#6E3136

#366E31

Split Complementary

#31366E

#6E4B31

#556E31

Tetradic

#31366E

#6E3155

#6E6931

#316E4B

Color Blindness Simulation

Original

#31366E

Protanopia

#333360

Deuteranopia

#33325D

Tritanopia

#315653

Achromatopsia

#393939

CSS Usage

background-color: #31366E;
color: #31366E;
border-color: #31366E;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAED9
400
#7C82C5
500
#4F57B0
600
#3F458D
700
#323771
800
#272B58
900
#202241
950
#141629

Contrast Checker

Text on white

11.15:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026