#48532C

#48532C

Color Values

HEX

#48532C

RGB

72, 83, 44

HSL

76.9, 30.7%, 24.9%

HSV

76.9, 47.0%, 32.5%

CMYK

13.3%, 0.0%, 47.0%, 67.5%

OKLCH

0.4222 0.061 121.9

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#48532C

#372C53

Analogous

#534A2C

#35532C

#48532C

Triadic

#48532C

#2C4853

#532C48

Split Complementary

#48532C

#2C3553

#4A2C53

Tetradic

#48532C

#2C534A

#372C53

#532C35

Color Blindness Simulation

Original

#48532C

Protanopia

#4D4D35

Deuteranopia

#4C4B38

Tritanopia

#493D3F

Achromatopsia

#4E4E4E

CSS Usage

background-color: #48532C;
color: #48532C;
border-color: #48532C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F5
100
#EFF2E8
200
#E0E6D0
300
#CAD5AF
400
#ADBE84
500
#91A758
600
#748547
700
#5D6B39
800
#48532C
900
#363E23
950
#222716

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

2.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026