#85A754

#85A754

Color Values

HEX

#85A754

RGB

133, 167, 84

HSL

84.6, 33.1%, 49.2%

HSV

84.6, 49.7%, 65.5%

CMYK

20.4%, 0.0%, 49.7%, 34.5%

OKLCH

0.684 0.1174 127.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#85A754

#7654A7

Analogous

#A7A054

#5BA754

#85A754

Triadic

#85A754

#5485A7

#A75485

Split Complementary

#85A754

#545BA7

#A054A7

Tetradic

#85A754

#54A7A0

#7654A7

#A7545B

Color Blindness Simulation

Original

#85A754

Protanopia

#949468

Deuteranopia

#928F6D

Tritanopia

#87787B

Achromatopsia

#9A9A9A

CSS Usage

background-color: #85A754;
color: #85A754;
border-color: #85A754;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DDE7CF
300
#C5D6AE
400
#A6C081
500
#87AA55
600
#6C8844
700
#566D37
800
#44552B
900
#333F22
950
#202815

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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