#485B18

#485B18

Color Values

HEX

#485B18

RGB

72, 91, 24

HSL

77.0, 58.3%, 22.5%

HSV

77.0, 73.6%, 35.7%

CMYK

20.9%, 0.0%, 73.6%, 64.3%

OKLCH

0.4407 0.094 124.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#485B18

#2B185B

Analogous

#5B4C18

#265B18

#485B18

Triadic

#485B18

#18485B

#5B1848

Split Complementary

#485B18

#18265B

#4C185B

Tetradic

#485B18

#185B4C

#2B185B

#5B1826

Color Blindness Simulation

Original

#485B18

Protanopia

#505028

Deuteranopia

#4F4E2C

Tritanopia

#493538

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F6E4
200
#E4F0C6
300
#D1E59E
400
#B8D86A
500
#A0CA35
600
#80A12B
700
#668122
800
#50651B
900
#3B4A17
950
#262F0F

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

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