#342121

#342121

Color Values

HEX

#342121

RGB

52, 33, 33

HSL

0.0, 22.4%, 16.7%

HSV

0.0, 36.5%, 20.4%

CMYK

0.0%, 36.5%, 36.5%, 79.6%

OKLCH

0.2716 0.0295 19.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#342121

#213434

Analogous

#34212B

#342B21

#342121

Triadic

#342121

#213421

#212134

Split Complementary

#342121

#21342B

#212B34

Tetradic

#342121

#2B3421

#213434

#2B2134

Color Blindness Simulation

Original

#342121

Protanopia

#2C2C21

Deuteranopia

#2D2E21

Tritanopia

#332121

Achromatopsia

#252525

CSS Usage

background-color: #342121;
color: #342121;
border-color: #342121;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E3D3D3
300
#D0B4B4
400
#B68C8C
500
#9C6363
600
#7D4F4F
700
#643F3F
800
#4E3131
900
#3A2727
950
#251818

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

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