#5DECEC

#5DECEC

Color Values

HEX

#5DECEC

RGB

93, 236, 236

HSL

180.0, 79.0%, 64.5%

HSV

180.0, 60.6%, 92.5%

CMYK

60.6%, 0.0%, 0.0%, 7.5%

OKLCH

0.8668 0.1216 195.1

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#5DECEC

#EC5D5D

Analogous

#5DECA4

#5DA4EC

#5DECEC

Triadic

#5DECEC

#EC5DEC

#ECEC5D

Split Complementary

#5DECEC

#EC5DA4

#ECA45D

Tetradic

#5DECEC

#A45DEC

#EC5D5D

#A4EC5D

Color Blindness Simulation

Original

#5DECEC

Protanopia

#9B9CEC

Deuteranopia

#9388EC

Tritanopia

#64ECEC

Achromatopsia

#CECECE

CSS Usage

background-color: #5DECEC;
color: #5DECEC;
border-color: #5DECEC;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF8F8
300
#91F2F2
400
#56EBEB
500
#1BE4E4
600
#15B7B7
700
#119292
800
#0D7272
900
#0E5353
950
#093434

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026