#442C2B

#442C2B

Color Values

HEX

#442C2B

RGB

68, 44, 43

HSL

2.4, 22.5%, 21.8%

HSV

2.4, 36.8%, 26.7%

CMYK

0.0%, 35.3%, 36.8%, 73.3%

OKLCH

0.3218 0.0359 21.9

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#442C2B

#2B4344

Analogous

#442B37

#44392B

#442C2B

Triadic

#442C2B

#2B442C

#2C2B44

Split Complementary

#442C2B

#2B4439

#2B3744

Tetradic

#442C2B

#37442B

#2B4344

#392B44

Color Blindness Simulation

Original

#442C2B

Protanopia

#3A392B

Deuteranopia

#3B3D2B

Tritanopia

#432B2B

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E3D4D3
300
#D0B5B4
400
#B68D8B
500
#9C6563
600
#7D514F
700
#64413F
800
#4E3331
900
#3A2727
950
#251918

Contrast Checker

Text on white

12.8:1

AA Pass AAA Pass

Text on black

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