#484E24

#484E24

Color Values

HEX

#484E24

RGB

72, 78, 36

HSL

68.6, 36.8%, 22.4%

HSV

68.6, 53.8%, 30.6%

CMYK

7.7%, 0.0%, 53.8%, 69.4%

OKLCH

0.4078 0.0631 116.0

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#484E24

#2A244E

Analogous

#4E3F24

#334E24

#484E24

Triadic

#484E24

#24484E

#4E2448

Split Complementary

#484E24

#24334E

#3F244E

Tetradic

#484E24

#244E3F

#2A244E

#4E2433

Color Blindness Simulation

Original

#484E24

Protanopia

#4B4B2E

Deuteranopia

#4A4A31

Tritanopia

#483638

Achromatopsia

#4A4A4A

CSS Usage

background-color: #484E24;
color: #484E24;
border-color: #484E24;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E5E8CE
300
#D2D8AB
400
#B9C37E
500
#A1AE51
600
#818C40
700
#677034
800
#505728
900
#3C4020
950
#262914

Contrast Checker

Text on white

8.78:1

AA Pass AAA Pass

Text on black

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