#342E37

#342E37

Color Values

HEX

#342E37

RGB

52, 46, 55

HSL

280.0, 8.9%, 19.8%

HSV

280.0, 16.4%, 21.6%

CMYK

5.5%, 16.4%, 0.0%, 78.4%

OKLCH

0.3112 0.0179 314.5

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#342E37

#31372E

Analogous

#2F2E37

#372E35

#342E37

Triadic

#342E37

#37342E

#2E3734

Split Complementary

#342E37

#35372E

#2E372F

Tetradic

#342E37

#372F2E

#31372E

#2E3537

Color Blindness Simulation

Original

#342E37

Protanopia

#313135

Deuteranopia

#323234

Tritanopia

#343333

Achromatopsia

#303030

CSS Usage

background-color: #342E37;
color: #342E37;
border-color: #342E37;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DCD8DE
300
#C4BCC7
400
#A398A9
500
#83748B
600
#695D6F
700
#544A59
800
#423A45
900
#322D34
950
#1F1C21

Contrast Checker

Text on white

13.19:1

AA Pass AAA Pass

Text on black

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