#374646

#374646

Color Values

HEX

#374646

RGB

55, 70, 70

HSL

180.0, 12.0%, 24.5%

HSV

180.0, 21.4%, 27.5%

CMYK

21.4%, 0.0%, 0.0%, 72.5%

OKLCH

0.3811 0.0192 196.4

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#374646

#463737

Analogous

#37463E

#373E46

#374646

Triadic

#374646

#463746

#464637

Split Complementary

#374646

#46373E

#463E37

Tetradic

#374646

#3E3746

#463737

#3E4637

Color Blindness Simulation

Original

#374646

Protanopia

#3D3E46

Deuteranopia

#3D3C46

Tritanopia

#384646

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0E0
300
#BAC9C9
400
#95ACAC
500
#708F8F
600
#5A7272
700
#485B5B
800
#384747
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

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