#31559B

#31559B

Color Values

HEX

#31559B

RGB

49, 85, 155

HSL

219.6, 52.0%, 40.0%

HSV

219.6, 68.4%, 60.8%

CMYK

68.4%, 45.2%, 0.0%, 39.2%

OKLCH

0.4602 0.1214 262.2

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#31559B

#9B7731

Analogous

#318A9B

#42319B

#31559B

Triadic

#31559B

#9B3155

#559B31

Split Complementary

#31559B

#9B4231

#8A9B31

Tetradic

#31559B

#9B318A

#9B7731

#319B42

Color Blindness Simulation

Original

#31559B

Protanopia

#41418A

Deuteranopia

#3E3C86

Tritanopia

#337D7A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D5EE
300
#A2B8E2
400
#7091D2
500
#3D6AC2
600
#31559B
700
#27447C
800
#1F3561
900
#1A2947
950
#101A2D

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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