#54BDEE

#54BDEE

Color Values

HEX

#54BDEE

RGB

84, 189, 238

HSL

199.1, 81.9%, 63.1%

HSV

199.1, 64.7%, 93.3%

CMYK

64.7%, 20.6%, 0.0%, 6.7%

OKLCH

0.7565 0.1191 231.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#54BDEE

#EE8554

Analogous

#54EED2

#5470EE

#54BDEE

Triadic

#54BDEE

#EE54BD

#BDEE54

Split Complementary

#54BDEE

#EE5470

#EED254

Tetradic

#54BDEE

#D254EE

#EE8554

#70EE54

Color Blindness Simulation

Original

#54BDEE

Protanopia

#8182E2

Deuteranopia

#7B74DF

Tritanopia

#59D9D7

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F2FA
200
#BEE6F9
300
#90D4F4
400
#53BDEE
500
#17A5E8
600
#1284BA
700
#0F6A94
800
#0C5374
900
#0D3D54
950
#082735

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026