#484A23

#484A23

Color Values

HEX

#484A23

RGB

72, 74, 35

HSL

63.1, 35.8%, 21.4%

HSV

63.1, 52.7%, 29.0%

CMYK

2.7%, 0.0%, 52.7%, 71.0%

OKLCH

0.3973 0.0584 111.4

Properties

Cool Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#484A23

#25234A

Analogous

#4A3923

#354A23

#484A23

Triadic

#484A23

#23484A

#4A2348

Split Complementary

#484A23

#23354A

#39234A

Tetradic

#484A23

#234A39

#25234A

#4A2335

Color Blindness Simulation

Original

#484A23

Protanopia

#49492C

Deuteranopia

#49492F

Tritanopia

#483436

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E8
200
#E7E8CF
300
#D5D8AC
400
#BFC27F
500
#A8AD52
600
#878B41
700
#6C6F34
800
#545729
900
#3E4021
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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026