#483223

#483223

Color Values

HEX

#483223

RGB

72, 50, 35

HSL

24.3, 34.6%, 21.0%

HSV

24.3, 51.4%, 28.2%

CMYK

0.0%, 30.6%, 51.4%, 71.8%

OKLCH

0.3385 0.0405 55.2

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#483223

#233948

Analogous

#482327

#484523

#483223

Triadic

#483223

#234832

#322348

Split Complementary

#483223

#234845

#232748

Tetradic

#483223

#274823

#233948

#452348

Color Blindness Simulation

Original

#483223

Protanopia

#3E3E27

Deuteranopia

#404128

Tritanopia

#47292A

Achromatopsia

#363636

CSS Usage

background-color: #483223;
color: #483223;
border-color: #483223;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E8D9CF
300
#D7BEAD
400
#C19A80
500
#AC7753
600
#895F43
700
#6E4C35
800
#563C2A
900
#402E21
950
#281D15

Contrast Checker

Text on white

11.96:1

AA Pass AAA Pass

Text on black

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