#313472

#313472

Color Values

HEX

#313472

RGB

49, 52, 114

HSL

237,2, 39,9%, 32,0%

HSV

237,2, 57,0%, 44,7%

CMYK

57,0%, 54,4%, 0,0%, 55,3%

OKLCH

0,3581 0,1048 277,6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#313472

#726F31

Analogous

#315572

#4F3172

#313472

Triadic

#313472

#723134

#347231

Split Complementary

#313472

#724F31

#557231

Tetradic

#313472

#723155

#726F31

#31724F

Color Blindness Simulation

Original

#313472

Protanopia

#323263

Deuteranopia

#32325F

Tritanopia

#315755

Achromatopsia

#383838

CSS Usage

background-color: #313472;
color: #313472;
border-color: #313472;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCEEA
300
#A9ACDA
400
#7B7FC6
500
#4D51B2
600
#3D418F
700
#313472
800
#262959
900
#1F2142
950
#14152A

Contrast Checker

Text on white

11,26:1

AA Pass AAA Pass

Text on black

1,86: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