#315872

#315872

Color Values

HEX

#315872

RGB

49, 88, 114

HSL

204.0, 39.9%, 32.0%

HSV

204.0, 57.0%, 44.7%

CMYK

57.0%, 22.8%, 0.0%, 55.3%

OKLCH

0.4431 0.0617 239.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#315872

#724B31

Analogous

#31726C

#313872

#315872

Triadic

#315872

#723158

#587231

Split Complementary

#315872

#723138

#726C31

Tetradic

#315872

#6C3172

#724B31

#387231

Color Blindness Simulation

Original

#315872

Protanopia

#42426C

Deuteranopia

#403D6A

Tritanopia

#336766

Achromatopsia

#525252

CSS Usage

background-color: #315872;
color: #315872;
border-color: #315872;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEEA
300
#A9C7DA
400
#7BA8C6
500
#4D8AB2
600
#3D6E8F
700
#315872
800
#264559
900
#1F3442
950
#14212A

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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