#423227

#423227

Color Values

HEX

#423227

RGB

66, 50, 39

HSL

24.4, 25.7%, 20.6%

HSV

24.4, 40.9%, 25.9%

CMYK

0.0%, 24.2%, 40.9%, 74.1%

OKLCH

0.3318 0.0298 56.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#423227

#273742

Analogous

#42272A

#424027

#423227

Triadic

#423227

#274232

#322742

Split Complementary

#423227

#274240

#272A42

Tetradic

#423227

#2A4227

#273742

#402742

Color Blindness Simulation

Original

#423227

Protanopia

#3B3B2A

Deuteranopia

#3C3D2A

Tritanopia

#412C2C

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4DAD2
300
#D2BFB2
400
#B99C88
500
#A0795F
600
#80614C
700
#674E3D
800
#503D2F
900
#3C2E25
950
#261D18

Contrast Checker

Text on white

12.23:1

AA Pass AAA Pass

Text on black

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