#484D36

#484D36

Color Values

HEX

#484D36

RGB

72, 77, 54

HSL

73.0, 17.6%, 25.7%

HSV

73.0, 29.9%, 30.2%

CMYK

6.5%, 0.0%, 29.9%, 69.8%

OKLCH

0.4088 0.0371 118.0

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#484D36

#3B364D

Analogous

#4D4736

#3D4D36

#484D36

Triadic

#484D36

#36484D

#4D3648

Split Complementary

#484D36

#363D4D

#47364D

Tetradic

#484D36

#364D47

#3B364D

#4D363D

Color Blindness Simulation

Original

#484D36

Protanopia

#4A4A3C

Deuteranopia

#4A4A3D

Tritanopia

#484041

Achromatopsia

#4A4A4A

CSS Usage

background-color: #484D36;
color: #484D36;
border-color: #484D36;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F6
100
#EFF0EA
200
#DFE2D5
300
#C8CDB7
400
#AAB190
500
#8C9669
600
#707854
700
#5A6043
800
#464B35
900
#353829
950
#21231A

Contrast Checker

Text on white

8.79:1

AA Pass AAA Pass

Text on black

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