#54C2ED Color

Color Information

HEX#54C2ED
RGB84, 194, 237
HSL197° , 81% , 63%
HSV197° , 65% , 93%
CMYK65%, 18%, 0%, 7%

Lighter Shades

#69C9EF #7DD1F1 #92D8F3 #A6DFF6 #BBE7F8 #CFEEFA

Darker Shades

#4AABD1 #4093B4 #367C98 #2C657B #224E5F #183642

Complementary Palette

#48A7CC #54C2ED #CC6E48 #ED8054 #F0926C #6CCBF0

Analogous Palette

#63C5B0 #67DAC1 #4FB6DF #54C2ED #6780DA #748BDC

Triadic Palette

#4AABD1 #54C2ED #F74BC6 #F861CD #C6F74B #AED942

Split Complementary Palette

#4CAFD5 #54C2ED #ED5475 #EF6583 #EDCC54 #D5B84C

Square Palette

#47A3C7 #54C2ED #C75EE4 #E4845E #75ED54 #8BF06F

Tetradic Palette

#459FC2 #54C2ED #7843FE #ED8054 #C9FE43 #D3FE65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54C2ED contains 84 red, 194 green, and 237 blue.

Contrast Ratio: 2.01:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 10.44:1