#54B7EE

#54B7EE

Color Values

HEX

#54B7EE

RGB

84, 183, 238

HSL

201.4, 81.9%, 63.1%

HSV

201.4, 64.7%, 93.3%

CMYK

64.7%, 23.1%, 0.0%, 6.7%

OKLCH

0.7429 0.1217 236.0

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#54B7EE

#EE8B54

Analogous

#54EED8

#546AEE

#54B7EE

Triadic

#54B7EE

#EE54B7

#B7EE54

Split Complementary

#54B7EE

#EE546A

#EED854

Tetradic

#54B7EE

#D854EE

#EE8B54

#6AEE54

Color Blindness Simulation

Original

#54B7EE

Protanopia

#7F80E1

Deuteranopia

#7972DE

Tritanopia

#59D6D4

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F1FA
200
#BEE4F9
300
#90D0F4
400
#53B7EE
500
#179DE8
600
#127EBA
700
#0F6594
800
#0C4F74
900
#0D3B54
950
#082535

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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