#344847

#344847

Color Values

HEX

#344847

RGB

52, 72, 71

HSL

177.0, 16.1%, 24.3%

HSV

177.0, 27.8%, 28.2%

CMYK

27.8%, 0.0%, 1.4%, 71.8%

OKLCH

0.3845 0.0251 192.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#344847

#483435

Analogous

#34483D

#343F48

#344847

Triadic

#344847

#473448

#484734

Split Complementary

#344847

#48343F

#483D34

Tetradic

#344847

#3D3448

#483435

#3F4834

Color Blindness Simulation

Original

#344847

Protanopia

#3D3D47

Deuteranopia

#3C3A47

Tritanopia

#354747

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D6E1E0
300
#B8CCCB
400
#91B0AE
500
#6B9492
600
#567675
700
#445F5D
800
#354A49
900
#293737
950
#1A2323

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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