#88A855

#88A855

Color Values

HEX

#88A855

RGB

136, 168, 85

HSL

83.1, 32.8%, 49.6%

HSV

83.1, 49.4%, 65.9%

CMYK

19.0%, 0.0%, 49.4%, 34.1%

OKLCH

0.6886 0.1164 126.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#88A855

#7555A8

Analogous

#A89E55

#5FA855

#88A855

Triadic

#88A855

#5588A8

#A85588

Split Complementary

#88A855

#555FA8

#9E55A8

Tetradic

#88A855

#55A89E

#7555A8

#A8555F

Color Blindness Simulation

Original

#88A855

Protanopia

#969669

Deuteranopia

#94926E

Tritanopia

#8A797C

Achromatopsia

#9B9B9B

CSS Usage

background-color: #88A855;
color: #88A855;
border-color: #88A855;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8F9F5
100
#EEF2E8
200
#DEE7D0
300
#C6D6AE
400
#A8C082
500
#89A956
600
#6E8745
700
#586C37
800
#45552B
900
#343F22
950
#212816

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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