#423228

#423228

Color Values

HEX

#423228

RGB

66, 50, 40

HSL

23.1, 24.5%, 20.8%

HSV

23.1, 39.4%, 25.9%

CMYK

0.0%, 24.2%, 39.4%, 74.1%

OKLCH

0.3321 0.0288 53.5

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#423228

#283842

Analogous

#42282B

#423F28

#423228

Triadic

#423228

#284232

#322842

Split Complementary

#423228

#28423F

#282B42

Tetradic

#423228

#2B4228

#283842

#3F2842

Color Blindness Simulation

Original

#423228

Protanopia

#3B3B2A

Deuteranopia

#3C3D2B

Tritanopia

#412C2D

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D9D3
300
#D1BEB3
400
#B89B8A
500
#9F7860
600
#7F604D
700
#664D3E
800
#4F3C30
900
#3B2E26
950
#251D18

Contrast Checker

Text on white

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