#31346A

#31346A

Color Values

HEX

#31346A

RGB

49, 52, 106

HSL

236.8, 36.8%, 30.4%

HSV

236.8, 53.8%, 41.6%

CMYK

53.8%, 50.9%, 0.0%, 58.4%

OKLCH

0.3522 0.0923 278.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#31346A

#6A6731

Analogous

#31516A

#4A316A

#31346A

Triadic

#31346A

#6A3134

#346A31

Split Complementary

#31346A

#6A4A31

#516A31

Tetradic

#31346A

#6A3151

#6A6731

#316A4A

Color Blindness Simulation

Original

#31346A

Protanopia

#32325D

Deuteranopia

#32325A

Tritanopia

#315350

Achromatopsia

#373737

CSS Usage

background-color: #31346A;
color: #31346A;
border-color: #31346A;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E8
300
#ABAED8
400
#7E82C3
500
#5156AE
600
#40448C
700
#343770
800
#282B57
900
#202240
950
#141629

Contrast Checker

Text on white

11.48:1

AA Pass AAA Pass

Text on black

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