#85D346

#85D346

Color Values

HEX

#85D346

RGB

133, 211, 70

HSL

93.2, 61.6%, 55.1%

HSV

93.2, 66.8%, 82.7%

CMYK

37.0%, 0.0%, 66.8%, 17.3%

OKLCH

0.7884 0.1893 133.9

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#85D346

#9446D3

Analogous

#CCD346

#46D34D

#85D346

Triadic

#85D346

#4685D3

#D34685

Split Complementary

#85D346

#4D46D3

#D346CC

Tetradic

#85D346

#46CCD3

#9446D3

#D34D46

Color Blindness Simulation

Original

#85D346

Protanopia

#A7A768

Deuteranopia

#A29C70

Tritanopia

#898389

Achromatopsia

#B8B8B8

CSS Usage

background-color: #85D346;
color: #85D346;
border-color: #85D346;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C5
300
#BEE79C
400
#9ADB67
500
#77CE31
600
#5FA527
700
#4C841F
800
#3C6718
900
#2E4B16
950
#1D300E

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.4:1

AA Pass AAA Pass

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