#5CE6DA

#5CE6DA

Color Values

HEX

#5CE6DA

RGB

92, 230, 218

HSL

174.8, 73.4%, 63.1%

HSV

174.8, 60.0%, 90.2%

CMYK

60.0%, 0.0%, 5.2%, 9.8%

OKLCH

0.8467 0.1203 187.2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#5CE6DA

#E65C68

Analogous

#5CE695

#5CADE6

#5CE6DA

Triadic

#5CE6DA

#DA5CE6

#E6DA5C

Split Complementary

#5CE6DA

#E65CAD

#E6955C

Tetradic

#5CE6DA

#955CE6

#E65C68

#ADE65C

Color Blindness Simulation

Original

#5CE6DA

Protanopia

#9899DD

Deuteranopia

#9085DE

Tritanopia

#63DFE0

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C1F6F1
300
#95EFE7
400
#5BE6DA
500
#22DDCD
600
#1BB1A4
700
#168D83
800
#116F66
900
#10504B
950
#0A332F

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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