#54B2ED

#54B2ED

Color Values

HEX

#54B2ED

RGB

84, 178, 237

HSL

203.1, 81.0%, 62.9%

HSV

203.1, 64.6%, 92.9%

CMYK

64.6%, 24.9%, 0.0%, 7.1%

OKLCH

0.7311 0.1234 239.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#54B2ED

#ED8F54

Analogous

#54EDDB

#5465ED

#54B2ED

Triadic

#54B2ED

#ED54B2

#B2ED54

Split Complementary

#54B2ED

#ED5465

#EDDB54

Tetradic

#54B2ED

#DB54ED

#ED8F54

#65ED54

Color Blindness Simulation

Original

#54B2ED

Protanopia

#7D7EDF

Deuteranopia

#7770DB

Tritanopia

#59D3D1

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F0F9
200
#BEE2F8
300
#90CDF3
400
#54B2ED
500
#1897E7
600
#1379B9
700
#106194
800
#0C4C73
900
#0D3954
950
#082435

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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