#55F69D

#55F69D

Color Values

HEX

#55F69D

RGB

85, 246, 157

HSL

146.8, 89.9%, 64.9%

HSV

146.8, 65.4%, 96.5%

CMYK

65.4%, 0.0%, 36.2%, 3.5%

OKLCH

0.868 0.1831 155.0

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#55F69D

#F655AE

Analogous

#5EF655

#55F6ED

#55F69D

Triadic

#55F69D

#9D55F6

#F69D55

Split Complementary

#55F69D

#ED55F6

#F6555E

Tetradic

#55F69D

#555EF6

#F655AE

#F6ED55

Color Blindness Simulation

Original

#55F69D

Protanopia

#9B9CB3

Deuteranopia

#9185B8

Tritanopia

#5DC4C7

Achromatopsia

#CDCDCD

CSS Usage

background-color: #55F69D;
color: #55F69D;
border-color: #55F69D;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FBEC
200
#BBFBD8
300
#8BF9BC
400
#4CF598
500
#0DF273
600
#0AC25C
700
#089B4A
800
#06793A
900
#09582C
950
#06371C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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