#5ACEDC

#5ACEDC

Color Values

HEX

#5ACEDC

RGB

90, 206, 220

HSL

186.5, 65.0%, 60.8%

HSV

186.5, 59.1%, 86.3%

CMYK

59.1%, 6.4%, 0.0%, 13.7%

OKLCH

0.7905 0.1056 206.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#5ACEDC

#DC685A

Analogous

#5ADCA9

#5A8DDC

#5ACEDC

Triadic

#5ACEDC

#DC5ACE

#CEDC5A

Split Complementary

#5ACEDC

#DC5A8D

#DCA95A

Tetradic

#5ACEDC

#A95ADC

#DC685A

#8DDC5A

Color Blindness Simulation

Original

#5ACEDC

Protanopia

#8C8DD9

Deuteranopia

#867DD8

Tritanopia

#60D6D5

Achromatopsia

#B6B6B6

CSS Usage

background-color: #5ACEDC;
color: #5ACEDC;
border-color: #5ACEDC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF3
300
#9AE1EA
400
#63D1DE
500
#2DC0D2
600
#249AA8
700
#1D7B87
800
#166069
900
#14474D
950
#0D2D31

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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