#484F2A

#484F2A

Color Values

HEX

#484F2A

RGB

72, 79, 42

HSL

71.4, 30.6%, 23.7%

HSV

71.4, 46.8%, 31.0%

CMYK

8.9%, 0.0%, 46.8%, 69.0%

OKLCH

0.4114 0.0571 117.8

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#484F2A

#312A4F

Analogous

#4F432A

#354F2A

#484F2A

Triadic

#484F2A

#2A484F

#4F2A48

Split Complementary

#484F2A

#2A354F

#432A4F

Tetradic

#484F2A

#2A4F43

#312A4F

#4F2A35

Color Blindness Simulation

Original

#484F2A

Protanopia

#4B4B33

Deuteranopia

#4B4A35

Tritanopia

#483A3C

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E9
200
#E2E6D0
300
#CDD5AF
400
#B3BE84
500
#98A758
600
#798547
700
#616B39
800
#4C532C
900
#393E23
950
#242716

Contrast Checker

Text on white

8.65:1

AA Pass AAA Pass

Text on black

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