#85B549

#85B549

Color Values

HEX

#85B549

RGB

133, 181, 73

HSL

86.7, 42.5%, 49.8%

HSV

86.7, 59.7%, 71.0%

CMYK

26.5%, 0.0%, 59.7%, 29.0%

OKLCH

0.7161 0.1476 129.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#85B549

#7949B5

Analogous

#B5AF49

#4FB549

#85B549

Triadic

#85B549

#4985B5

#B54985

Split Complementary

#85B549

#494FB5

#AF49B5

Tetradic

#85B549

#49B5AF

#7949B5

#B5494F

Color Blindness Simulation

Original

#85B549

Protanopia

#9A9A63

Deuteranopia

#979369

Tritanopia

#87787C

Achromatopsia

#A3A3A3

CSS Usage

background-color: #85B549;
color: #85B549;
border-color: #85B549;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEACC
300
#C5DCA8
400
#A5C979
500
#85B649
600
#6B913B
700
#55742F
800
#435B25
900
#32431E
950
#202A13

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026