#316F72

#316F72

Color Values

HEX

#316F72

RGB

49, 111, 114

HSL

182.8, 39.9%, 32.0%

HSV

182.8, 57.0%, 44.7%

CMYK

57.0%, 2.6%, 0.0%, 55.3%

OKLCH

0.5025 0.0636 199.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#316F72

#723431

Analogous

#317255

#314F72

#316F72

Triadic

#316F72

#72316F

#6F7231

Split Complementary

#316F72

#72314F

#725531

Tetradic

#316F72

#553172

#723431

#4F7231

Color Blindness Simulation

Original

#316F72

Protanopia

#4C4C71

Deuteranopia

#484471

Tritanopia

#347171

Achromatopsia

#626262

CSS Usage

background-color: #316F72;
color: #316F72;
border-color: #316F72;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDE8EA
300
#A9D8DA
400
#7BC3C6
500
#4DAEB2
600
#3D8B8F
700
#316F72
800
#265759
900
#1F4042
950
#14292A

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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