#87AB95

#87AB95

Color Values

HEX

#87AB95

RGB

135, 171, 149

HSL

143.3, 17.6%, 60.0%

HSV

143.3, 21.1%, 67.1%

CMYK

21.1%, 0.0%, 12.9%, 32.9%

OKLCH

0.7082 0.0507 158.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#87AB95

#AB879D

Analogous

#8BAB87

#87ABA7

#87AB95

Triadic

#87AB95

#9587AB

#AB9587

Split Complementary

#87AB95

#A787AB

#AB878B

Tetradic

#87AB95

#878BAB

#AB879D

#ABA787

Color Blindness Simulation

Original

#87AB95

Protanopia

#97979A

Deuteranopia

#94929C

Tritanopia

#899F9F

Achromatopsia

#A2A2A2

CSS Usage

background-color: #87AB95;
color: #87AB95;
border-color: #87AB95;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EAF0ED
200
#D5E2DA
300
#B7CDBF
400
#90B19D
500
#69967A
600
#547862
700
#43604E
800
#354B3D
900
#29382F
950
#1A231E

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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