#54C6EE

#54C6EE

Color Values

HEX

#54C6EE

RGB

84, 198, 238

HSL

195.6, 81.9%, 63.1%

HSV

195.6, 64.7%, 93.3%

CMYK

64.7%, 16.8%, 0.0%, 6.7%

OKLCH

0.7771 0.1166 224.6

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#54C6EE

#EE7C54

Analogous

#54EEC9

#5479EE

#54C6EE

Triadic

#54C6EE

#EE54C6

#C6EE54

Split Complementary

#54C6EE

#EE5479

#EEC954

Tetradic

#54C6EE

#C954EE

#EE7C54

#79EE54

Color Blindness Simulation

Original

#54C6EE

Protanopia

#8586E4

Deuteranopia

#7F76E2

Tritanopia

#5ADDDB

Achromatopsia

#B1B1B1

CSS Usage

background-color: #54C6EE;
color: #54C6EE;
border-color: #54C6EE;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E1F3FA
200
#BEE9F9
300
#90DAF4
400
#53C6EE
500
#17B2E8
600
#128EBA
700
#0F7294
800
#0C5974
900
#0D4254
950
#082935

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.69:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026