#423224

#423224

Color Values

HEX

#423224

RGB

66, 50, 36

HSL

28.0, 29.4%, 20.0%

HSV

28.0, 45.5%, 25.9%

CMYK

0.0%, 24.2%, 45.5%, 74.1%

OKLCH

0.331 0.0328 62.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#423224

#243442

Analogous

#422425

#424124

#423224

Triadic

#423224

#244232

#322442

Split Complementary

#423224

#244241

#242542

Tetradic

#423224

#254224

#243442

#412442

Color Blindness Simulation

Original

#423224

Protanopia

#3B3B27

Deuteranopia

#3C3D28

Tritanopia

#412A2B

Achromatopsia

#343434

CSS Usage

background-color: #423224;
color: #423224;
border-color: #423224;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD1
300
#D4C1B0
400
#BC9F85
500
#A57D5A
600
#846448
700
#6A503A
800
#523F2D
900
#3D3024
950
#271E17

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026