#54CBFF

#54CBFF

Color Values

HEX

#54CBFF

RGB

84, 203, 255

HSL

198.2, 100.0%, 66.5%

HSV

198.2, 67.1%, 100.0%

CMYK

67.1%, 20.4%, 0.0%, 0.0%

OKLCH

0.7957 0.1284 230.3

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#54CBFF

#FF8854

Analogous

#54FFDD

#5476FF

#54CBFF

Triadic

#54CBFF

#FF54CB

#CBFF54

Split Complementary

#54CBFF

#FF5476

#FFDD54

Tetradic

#54CBFF

#DD54FF

#FF8854

#76FF54

Color Blindness Simulation

Original

#54CBFF

Protanopia

#8889F2

Deuteranopia

#8178EF

Tritanopia

#5AE8E6

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FF
300
#85DAFF
400
#42C6FF
500
#00B2FF
600
#008ECC
700
#0072A3
800
#005980
900
#05425C
950
#03293A

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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