#56EBDA

#56EBDA

Color Values

HEX

#56EBDA

RGB

86, 235, 218

HSL

173.2, 78.8%, 62.9%

HSV

173.2, 63.4%, 92.2%

CMYK

63.4%, 0.0%, 7.2%, 7.8%

OKLCH

0.8568 0.1278 184.5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#56EBDA

#EB5667

Analogous

#56EB8F

#56B1EB

#56EBDA

Triadic

#56EBDA

#DA56EB

#EBDA56

Split Complementary

#56EBDA

#EB56B1

#EB8F56

Tetradic

#56EBDA

#8F56EB

#EB5667

#B1EB56

Color Blindness Simulation

Original

#56EBDA

Protanopia

#9798DE

Deuteranopia

#8E83DF

Tritanopia

#5DE1E2

Achromatopsia

#CACACA

CSS Usage

background-color: #56EBDA;
color: #56EBDA;
border-color: #56EBDA;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FCFB
100
#E1F9F6
200
#BFF7F1
300
#92F2E7
400
#56EBDA
500
#1BE4CD
600
#16B6A4
700
#119283
800
#0E7267
900
#0E534B
950
#09342F

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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