#54DBED

#54DBED

Color Values

HEX

#54DBED

RGB

84, 219, 237

HSL

187.1, 81.0%, 62.9%

HSV

187.1, 64.6%, 92.9%

CMYK

64.6%, 7.6%, 0.0%, 7.1%

OKLCH

0.8251 0.1178 207.6

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#54DBED

#ED6654

Analogous

#54EDB3

#548EED

#54DBED

Triadic

#54DBED

#ED54DB

#DBED54

Split Complementary

#54DBED

#ED548E

#EDB354

Tetradic

#54DBED

#B354ED

#ED6654

#8EED54

Color Blindness Simulation

Original

#54DBED

Protanopia

#8E90E9

Deuteranopia

#877CE8

Tritanopia

#5BE5E4

Achromatopsia

#C0C0C0

CSS Usage

background-color: #54DBED;
color: #54DBED;
border-color: #54DBED;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFD
100
#E1F7F9
200
#BEF1F8
300
#90E8F3
400
#54DBED
500
#18CEE7
600
#13A5B9
700
#108494
800
#0C6773
900
#0D4B54
950
#083035

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026