#314C53

#314C53

Color Values

HEX

#314C53

RGB

49, 76, 83

HSL

192.4, 25.8%, 25.9%

HSV

192.4, 41.0%, 32.5%

CMYK

41.0%, 8.4%, 0.0%, 67.5%

OKLCH

0.3978 0.0346 215.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#314C53

#533831

Analogous

#315349

#313B53

#314C53

Triadic

#314C53

#53314C

#4C5331

Split Complementary

#314C53

#53313B

#534931

Tetradic

#314C53

#493153

#533831

#3B5331

Color Blindness Simulation

Original

#314C53

Protanopia

#3D3D51

Deuteranopia

#3B3951

Tritanopia

#325050

Achromatopsia

#474747

CSS Usage

background-color: #314C53;
color: #314C53;
border-color: #314C53;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2E1E5
300
#B2CBD2
400
#88AFB9
500
#5F93A0
600
#4C7580
700
#3D5E67
800
#2F4950
900
#25373C
950
#172326

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

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