#343B45

#343B45

Color Values

HEX

#343B45

RGB

52, 59, 69

HSL

215.3, 14.0%, 23.7%

HSV

215.3, 24.6%, 27.1%

CMYK

24.6%, 14.5%, 0.0%, 72.9%

OKLCH

0.3498 0.0199 257.3

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#343B45

#453E34

Analogous

#344345

#353445

#343B45

Triadic

#343B45

#45343B

#3B4534

Split Complementary

#343B45

#453534

#434534

Tetradic

#343B45

#453443

#453E34

#344535

Color Blindness Simulation

Original

#343B45

Protanopia

#373743

Deuteranopia

#373642

Tritanopia

#344140

Achromatopsia

#3A3A3A

CSS Usage

background-color: #343B45;
color: #343B45;
border-color: #343B45;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#B9C0CA
400
#939EAE
500
#6E7C91
600
#586374
700
#46505D
800
#373E49
900
#2A2F37
950
#1B1E22

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026