#55ECB7

#55ECB7

Color Values

HEX

#55ECB7

RGB

85, 236, 183

HSL

158.9, 79.9%, 62.9%

HSV

158.9, 64.0%, 92.5%

CMYK

64.0%, 0.0%, 22.5%, 7.5%

OKLCH

0.8493 0.1489 166.0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#55ECB7

#EC558A

Analogous

#55EC6B

#55D6EC

#55ECB7

Triadic

#55ECB7

#B755EC

#ECB755

Split Complementary

#55ECB7

#EC55D6

#EC6B55

Tetradic

#55ECB7

#6B55EC

#EC558A

#D6EC55

Color Blindness Simulation

Original

#55ECB7

Protanopia

#9698C4

Deuteranopia

#8E82C7

Tritanopia

#5DCED0

Achromatopsia

#C8C8C8

CSS Usage

background-color: #55ECB7;
color: #55ECB7;
border-color: #55ECB7;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF9
100
#E1F9F1
200
#BFF8E4
300
#91F3D0
400
#55ECB7
500
#1AE59E
600
#15B77E
700
#109365
800
#0D734F
900
#0E533B
950
#093525

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026