#342B38

#342B38

Color Values

HEX

#342B38

RGB

52, 43, 56

HSL

281.5, 13.1%, 19.4%

HSV

281.5, 23.2%, 22.0%

CMYK

7.1%, 23.2%, 0.0%, 78.0%

OKLCH

0.3043 0.0261 315.4

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#342B38

#2F382B

Analogous

#2D2B38

#382B35

#342B38

Triadic

#342B38

#38342B

#2B3834

Split Complementary

#342B38

#35382B

#2B382D

Tetradic

#342B38

#382D2B

#2F382B

#2B3538

Color Blindness Simulation

Original

#342B38

Protanopia

#303035

Deuteranopia

#313134

Tritanopia

#343232

Achromatopsia

#2E2E2E

CSS Usage

background-color: #342B38;
color: #342B38;
border-color: #342B38;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD7E0
300
#C5BACA
400
#A594AD
500
#866F90
600
#6B5973
700
#56475C
800
#433748
900
#332B36
950
#201B22

Contrast Checker

Text on white

13.56:1

AA Pass AAA Pass

Text on black

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