#88C796

#88C796

Color Values

HEX

#88C796

RGB

136, 199, 150

HSL

133.3, 36.0%, 65.7%

HSV

133.3, 31.7%, 78.0%

CMYK

31.7%, 0.0%, 24.6%, 22.0%

OKLCH

0.7738 0.0951 150.7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#88C796

#C788B9

Analogous

#9AC788

#88C7B5

#88C796

Triadic

#88C796

#9688C7

#C79688

Split Complementary

#88C796

#B588C7

#C7889A

Tetradic

#88C796

#889AC7

#C788B9

#C7B588

Color Blindness Simulation

Original

#88C796

Protanopia

#A3A4A2

Deuteranopia

#A09BA5

Tritanopia

#8BABAD

Achromatopsia

#B6B6B6

CSS Usage

background-color: #88C796;
color: #88C796;
border-color: #88C796;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D4
300
#ACD8B6
400
#7FC38E
500
#52AD66
600
#418B52
700
#346F41
800
#295733
900
#214028
950
#152919

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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