#54BDED

#54BDED

Color Values

HEX

#54BDED

RGB

84, 189, 237

HSL

198.8, 81.0%, 62.9%

HSV

198.8, 64.6%, 92.9%

CMYK

64.6%, 20.3%, 0.0%, 7.1%

OKLCH

0.7561 0.1182 231.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#54BDED

#ED8454

Analogous

#54EDD0

#5470ED

#54BDED

Triadic

#54BDED

#ED54BD

#BDED54

Split Complementary

#54BDED

#ED5470

#EDD054

Tetradic

#54BDED

#D054ED

#ED8454

#70ED54

Color Blindness Simulation

Original

#54BDED

Protanopia

#8182E1

Deuteranopia

#7B74DF

Tritanopia

#59D8D6

Achromatopsia

#AAAAAA

CSS Usage

background-color: #54BDED;
color: #54BDED;
border-color: #54BDED;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E1F2F9
200
#BEE6F8
300
#90D4F3
400
#54BDED
500
#18A6E7
600
#1385B9
700
#106A94
800
#0C5373
900
#0D3E54
950
#082735

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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