#314747

#314747

Color Values

HEX

#314747

RGB

49, 71, 71

HSL

180.0, 18.3%, 23.5%

HSV

180.0, 31.0%, 27.8%

CMYK

31.0%, 0.0%, 0.0%, 72.2%

OKLCH

0.3797 0.0274 196.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#314747

#473131

Analogous

#31473C

#313C47

#314747

Triadic

#314747

#473147

#474731

Split Complementary

#314747

#47313C

#473C31

Tetradic

#314747

#3C3147

#473131

#3C4731

Color Blindness Simulation

Original

#314747

Protanopia

#3B3B47

Deuteranopia

#393847

Tritanopia

#324747

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D5E2E2
300
#B7CDCD
400
#8FB2B2
500
#689797
600
#537979
700
#436161
800
#344B4B
900
#283838
950
#1A2424

Contrast Checker

Text on white

9.89:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026