#344A45

#344A45

Color Values

HEX

#344A45

RGB

52, 74, 69

HSL

166.4, 17.5%, 24.7%

HSV

166.4, 29.7%, 29.0%

CMYK

29.7%, 0.0%, 6.8%, 71.0%

OKLCH

0.3891 0.0286 179.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#344A45

#4A3439

Analogous

#344A3A

#34444A

#344A45

Triadic

#344A45

#45344A

#4A4534

Split Complementary

#344A45

#4A3444

#4A3A34

Tetradic

#344A45

#3A344A

#4A3439

#444A34

Color Blindness Simulation

Original

#344A45

Protanopia

#3E3E46

Deuteranopia

#3C3B46

Tritanopia

#354747

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#90B1AA
500
#69968C
600
#547870
700
#436059
800
#354B46
900
#293835
950
#1A2321

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026