#54B3FF

#54B3FF

Color Values

HEX

#54B3FF

RGB

84, 179, 255

HSL

206.7, 100.0%, 66.5%

HSV

206.7, 67.1%, 100.0%

CMYK

67.1%, 29.8%, 0.0%, 0.0%

OKLCH

0.7421 0.1421 245.6

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#54B3FF

#FFA054

Analogous

#54FFF6

#545EFF

#54B3FF

Triadic

#54B3FF

#FF54B3

#B3FF54

Split Complementary

#54B3FF

#FF545E

#FFF654

Tetradic

#54B3FF

#F654FF

#FFA054

#5EFF54

Color Blindness Simulation

Original

#54B3FF

Protanopia

#7D7EED

Deuteranopia

#7870E8

Tritanopia

#59DEDB

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8DFFF
300
#85C9FF
400
#42ABFF
500
#008EFF
600
#0071CC
700
#005BA3
800
#004780
900
#05355C
950
#03223A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026