#87B480

#87B480

Color Values

HEX

#87B480

RGB

135, 180, 128

HSL

111.9, 25.7%, 60.4%

HSV

111.9, 28.9%, 70.6%

CMYK

25.0%, 0.0%, 28.9%, 29.4%

OKLCH

0.7239 0.088 141.2

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#87B480

#AD80B4

Analogous

#A1B480

#80B493

#87B480

Triadic

#87B480

#8087B4

#B48087

Split Complementary

#87B480

#9380B4

#B480A1

Tetradic

#87B480

#80A1B4

#AD80B4

#B49380

Color Blindness Simulation

Original

#87B480

Protanopia

#9A9B8D

Deuteranopia

#989490

Tritanopia

#899799

Achromatopsia

#A7A7A7

CSS Usage

background-color: #87B480;
color: #87B480;
border-color: #87B480;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D5E4D2
300
#B6D2B2
400
#8FB988
500
#68A05F
600
#53804C
700
#42673D
800
#34502F
900
#283C25
950
#192618

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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