#485B28

#485B28

Color Values

HEX

#485B28

RGB

72, 91, 40

HSL

82.4, 38.9%, 25.7%

HSV

82.4, 56.0%, 35.7%

CMYK

20.9%, 0.0%, 56.0%, 64.3%

OKLCH

0.4426 0.0788 126.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#485B28

#3B285B

Analogous

#5B5528

#2F5B28

#485B28

Triadic

#485B28

#28485B

#5B2848

Split Complementary

#485B28

#282F5B

#55285B

Tetradic

#485B28

#285B55

#3B285B

#5B282F

Color Blindness Simulation

Original

#485B28

Protanopia

#505034

Deuteranopia

#4F4E37

Tritanopia

#493E40

Achromatopsia

#535353

CSS Usage

background-color: #485B28;
color: #485B28;
border-color: #485B28;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFE9CD
300
#C8DAAA
400
#AAC57C
500
#8CB14E
600
#708E3E
700
#5A7132
800
#465927
900
#35411F
950
#212914

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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