#484A24

#484A24

Color Values

HEX

#484A24

RGB

72, 74, 36

HSL

63.2, 34.5%, 21.6%

HSV

63.2, 51.4%, 29.0%

CMYK

2.7%, 0.0%, 51.4%, 71.0%

OKLCH

0.3975 0.0572 111.4

Properties

Cool Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#484A24

#26244A

Analogous

#4A3924

#354A24

#484A24

Triadic

#484A24

#24484A

#4A2448

Split Complementary

#484A24

#24354A

#39244A

Tetradic

#484A24

#244A39

#26244A

#4A2435

Color Blindness Simulation

Original

#484A24

Protanopia

#49492D

Deuteranopia

#49492F

Tritanopia

#483436

Achromatopsia

#474747

CSS Usage

background-color: #484A24;
color: #484A24;
border-color: #484A24;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9FAF5
100
#F2F2E8
200
#E6E8CF
300
#D5D7AD
400
#BEC180
500
#A7AB54
600
#858943
700
#6B6E35
800
#53562A
900
#3E3F21
950
#272815

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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