#54AEFF

#54AEFF

Color Values

HEX

#54AEFF

RGB

84, 174, 255

HSL

208.4, 100.0%, 66.5%

HSV

208.4, 67.1%, 100.0%

CMYK

67.1%, 31.8%, 0.0%, 0.0%

OKLCH

0.7311 0.1462 248.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#54AEFF

#FFA554

Analogous

#54FFFA

#5459FF

#54AEFF

Triadic

#54AEFF

#FF54AE

#AEFF54

Split Complementary

#54AEFF

#FF5459

#FFFA54

Tetradic

#54AEFF

#FA54FF

#FFA554

#59FF54

Color Blindness Simulation

Original

#54AEFF

Protanopia

#7B7CEB

Deuteranopia

#766FE7

Tritanopia

#58DCD9

Achromatopsia

#A1A1A1

CSS Usage

background-color: #54AEFF;
color: #54AEFF;
border-color: #54AEFF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DDFF
300
#85C5FF
400
#42A6FF
500
#0086FF
600
#006BCC
700
#0056A3
800
#004380
900
#05335C
950
#03203A

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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