#374F4F

#374F4F

Color Values

HEX

#374F4F

RGB

55, 79, 79

HSL

180.0, 17.9%, 26.3%

HSV

180.0, 30.4%, 31.0%

CMYK

30.4%, 0.0%, 0.0%, 69.0%

OKLCH

0.4081 0.0293 196.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#374F4F

#4F3737

Analogous

#374F43

#37434F

#374F4F

Triadic

#374F4F

#4F374F

#4F4F37

Split Complementary

#374F4F

#4F3743

#4F4337

Tetradic

#374F4F

#43374F

#4F3737

#434F37

Color Blindness Simulation

Original

#374F4F

Protanopia

#41424F

Deuteranopia

#403E4F

Tritanopia

#384F4F

Achromatopsia

#4A4A4A

CSS Usage

background-color: #374F4F;
color: #374F4F;
border-color: #374F4F;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D5E2E2
300
#B7CDCD
400
#90B2B2
500
#699696
600
#547878
700
#436060
800
#344B4B
900
#293838
950
#1A2424

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

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