#483F24

#483F24

Color Values

HEX

#483F24

RGB

72, 63, 36

HSL

45.0, 33.3%, 21.2%

HSV

45.0, 50.0%, 28.2%

CMYK

0.0%, 12.5%, 50.0%, 71.8%

OKLCH

0.3697 0.0436 91.6

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#483F24

#242D48

Analogous

#482D24

#3F4824

#483F24

Triadic

#483F24

#24483F

#3F2448

Split Complementary

#483F24

#243F48

#2D2448

Tetradic

#483F24

#24482D

#242D48

#48243F

Color Blindness Simulation

Original

#483F24

Protanopia

#44442B

Deuteranopia

#45452C

Tritanopia

#483031

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2F0E8
200
#E7E1CF
300
#D6CCAD
400
#C0B081
500
#AA9555
600
#887744
700
#6D5F36
800
#554A2B
900
#3F3822
950
#282315

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

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