#54ACEE

#54ACEE

Color Values

HEX

#54ACEE

RGB

84, 172, 238

HSL

205.7, 81.9%, 63.1%

HSV

205.7, 64.7%, 93.3%

CMYK

64.7%, 27.7%, 0.0%, 6.7%

OKLCH

0.7181 0.1284 243.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#54ACEE

#EE9654

Analogous

#54EEE3

#545FEE

#54ACEE

Triadic

#54ACEE

#EE54AC

#ACEE54

Split Complementary

#54ACEE

#EE545F

#EEE354

Tetradic

#54ACEE

#E354EE

#EE9654

#5FEE54

Color Blindness Simulation

Original

#54ACEE

Protanopia

#7A7BDE

Deuteranopia

#756EDA

Tritanopia

#58D1CF

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EFFA
200
#BEDFF9
300
#90C9F4
400
#53ACEE
500
#178EE8
600
#1272BA
700
#0F5B94
800
#0C4774
900
#0D3654
950
#082235

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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