#314952

#314952

Color Values

HEX

#314952

RGB

49, 73, 82

HSL

196.4, 25.2%, 25.7%

HSV

196.4, 40.2%, 32.2%

CMYK

40.2%, 11.0%, 0.0%, 67.8%

OKLCH

0.3895 0.0332 223.3

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#314952

#523A31

Analogous

#31524B

#313952

#314952

Triadic

#314952

#523149

#495231

Split Complementary

#314952

#523139

#524B31

Tetradic

#314952

#4B3152

#523A31

#395231

Color Blindness Simulation

Original

#314952

Protanopia

#3B3C50

Deuteranopia

#3A384F

Tritanopia

#324E4E

Achromatopsia

#454545

CSS Usage

background-color: #314952;
color: #314952;
border-color: #314952;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE4
300
#B2C9D1
400
#89ABB8
500
#5F8EA0
600
#4C7280
700
#3D5B66
800
#304750
900
#25353B
950
#182226

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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