#87EFC7

#87EFC7

Color Values

HEX

#87EFC7

RGB

135, 239, 199

HSL

156.9, 76.5%, 73.3%

HSV

156.9, 43.5%, 93.7%

CMYK

43.5%, 0.0%, 16.7%, 6.3%

OKLCH

0.878 0.1134 166.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#87EFC7

#EF87AF

Analogous

#87EF93

#87E3EF

#87EFC7

Triadic

#87EFC7

#C787EF

#EFC787

Split Complementary

#87EFC7

#EF87E3

#EF9387

Tetradic

#87EFC7

#9387EF

#EF87AF

#E3EF87

Color Blindness Simulation

Original

#87EFC7

Protanopia

#B4B5D1

Deuteranopia

#AEA6D3

Tritanopia

#8CD8DA

Achromatopsia

#D6D6D6

CSS Usage

background-color: #87EFC7;
color: #87EFC7;
border-color: #87EFC7;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF8
100
#E2F9F0
200
#C0F7E2
300
#93F1CD
400
#58E9B1
500
#1EE196
600
#18B478
700
#139060
800
#0F714B
900
#0F5238
950
#0A3423

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026