#484E22

#484E22

Color Values

HEX

#484E22

RGB

72, 78, 34

HSL

68.2, 39.3%, 22.0%

HSV

68.2, 56.4%, 30.6%

CMYK

7.7%, 0.0%, 56.4%, 69.4%

OKLCH

0.4075 0.0654 115.8

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#484E22

#28224E

Analogous

#4E3E22

#324E22

#484E22

Triadic

#484E22

#22484E

#4E2248

Split Complementary

#484E22

#22324E

#3E224E

Tetradic

#484E22

#224E3E

#28224E

#4E2232

Color Blindness Simulation

Original

#484E22

Protanopia

#4B4B2D

Deuteranopia

#4A4A2F

Tritanopia

#483537

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E5E9CD
300
#D3DAAA
400
#BCC67C
500
#A4B24D
600
#838E3E
700
#697232
800
#525927
900
#3D421F
950
#262914

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

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