#422D3D

#422D3D

Color Values

HEX

#422D3D

RGB

66, 45, 61

HSL

314.3, 18.9%, 21.8%

HSV

314.3, 31.8%, 25.9%

CMYK

0.0%, 31.8%, 7.6%, 74.1%

OKLCH

0.3281 0.0402 335.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#422D3D

#2D4232

Analogous

#3D2D42

#422D33

#422D3D

Triadic

#422D3D

#3D422D

#2D3D42

Split Complementary

#422D3D

#33422D

#2D423D

Tetradic

#422D3D

#423D2D

#2D4232

#2D3342

Color Blindness Simulation

Original

#422D3D

Protanopia

#393939

Deuteranopia

#3A3C38

Tritanopia

#413635

Achromatopsia

#333333

CSS Usage

background-color: #422D3D;
color: #422D3D;
border-color: #422D3D;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5DF
300
#CDB6C8
400
#B28FAA
500
#98678C
600
#795370
700
#61425A
800
#4C3446
900
#392835
950
#241921

Contrast Checker

Text on white

12.54:1

AA Pass AAA Pass

Text on black

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