#54CBEE

#54CBEE

Color Values

HEX

#54CBEE

RGB

84, 203, 238

HSL

193.6, 81.9%, 63.1%

HSV

193.6, 64.7%, 93.3%

CMYK

64.7%, 14.7%, 0.0%, 6.7%

OKLCH

0.7885 0.1161 220.7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#54CBEE

#EE7754

Analogous

#54EEC4

#547EEE

#54CBEE

Triadic

#54CBEE

#EE54CB

#CBEE54

Split Complementary

#54CBEE

#EE547E

#EEC454

Tetradic

#54CBEE

#C454EE

#EE7754

#7EEE54

Color Blindness Simulation

Original

#54CBEE

Protanopia

#8889E6

Deuteranopia

#8178E4

Tritanopia

#5ADFDD

Achromatopsia

#B4B4B4

CSS Usage

background-color: #54CBEE;
color: #54CBEE;
border-color: #54CBEE;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E1F4FA
200
#BEEBF9
300
#90DDF4
400
#53CBEE
500
#17B9E8
600
#1294BA
700
#0F7694
800
#0C5C74
900
#0D4454
950
#082B35

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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