#316870

#316870

Color Values

HEX

#316870

RGB

49, 104, 112

HSL

187.6, 39.1%, 31.6%

HSV

187.6, 56.2%, 43.9%

CMYK

56.2%, 7.1%, 0.0%, 56.1%

OKLCH

0.4834 0.0592 207.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#316870

#703931

Analogous

#317059

#314970

#316870

Triadic

#316870

#703168

#687031

Split Complementary

#316870

#703149

#705931

Tetradic

#316870

#593170

#703931

#497031

Color Blindness Simulation

Original

#316870

Protanopia

#49496E

Deuteranopia

#46426E

Tritanopia

#346D6C

Achromatopsia

#5D5D5D

CSS Usage

background-color: #316870;
color: #316870;
border-color: #316870;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD4DA
400
#7CBCC6
500
#4EA5B1
600
#3E848E
700
#326972
800
#275259
900
#1F3D41
950
#142729

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026