#54AFED

#54AFED

Color Values

HEX

#54AFED

RGB

84, 175, 237

HSL

204.3, 81.0%, 62.9%

HSV

204.3, 64.6%, 92.9%

CMYK

64.6%, 26.2%, 0.0%, 7.1%

OKLCH

0.7244 0.1252 241.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#54AFED

#ED9254

Analogous

#54EDDE

#5462ED

#54AFED

Triadic

#54AFED

#ED54AF

#AFED54

Split Complementary

#54AFED

#ED5462

#EDDE54

Tetradic

#54AFED

#DE54ED

#ED9254

#62ED54

Color Blindness Simulation

Original

#54AFED

Protanopia

#7B7CDE

Deuteranopia

#766FDA

Tritanopia

#59D2D0

Achromatopsia

#A0A0A0

CSS Usage

background-color: #54AFED;
color: #54AFED;
border-color: #54AFED;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E1EFF9
200
#BEE1F8
300
#90CBF3
400
#54AFED
500
#1893E7
600
#1376B9
700
#105E94
800
#0C4A73
900
#0D3754
950
#082335

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026