#314745

#314745

Color Values

HEX

#314745

RGB

49, 71, 69

HSL

174.5, 18.3%, 23.5%

HSV

174.5, 31.0%, 27.8%

CMYK

31.0%, 0.0%, 2.8%, 72.2%

OKLCH

0.379 0.0276 189.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#314745

#473133

Analogous

#31473A

#313E47

#314745

Triadic

#314745

#453147

#474531

Split Complementary

#314745

#47313E

#473A31

Tetradic

#314745

#3A3147

#473133

#3E4731

Color Blindness Simulation

Original

#314745

Protanopia

#3B3B45

Deuteranopia

#393846

Tritanopia

#324646

Achromatopsia

#424242

CSS Usage

background-color: #314745;
color: #314745;
border-color: #314745;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E1
300
#B7CDCB
400
#8FB2AF
500
#689793
600
#537975
700
#43615E
800
#344B49
900
#283837
950
#1A2423

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

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