#54DAF2 Color

Color Information

HEX#54DAF2
RGB84, 218, 242
HSL189° , 86% , 64%
HSV189° , 65% , 95%
CMYK65%, 10%, 0%, 5%

Lighter Shades

#69DEF4 #7DE3F5 #92E7F7 #A6ECF8 #BBF0FA #CFF5FB

Darker Shades

#4AC0D5 #40A6B8 #368C9B #2C717E #225761 #183D44

Complementary Palette

#48BBD0 #54DAF2 #D05D48 #F26C54 #F4816C #6CDFF4

Analogous Palette

#62CBA6 #67E0B5 #4FCDE3 #54DAF2 #6791E0 #739AE2

Triadic Palette

#4AC0D5 #54DAF2 #FB4BE1 #FB61E5 #E1FB4B #C6DD42

Split Complementary Palette

#4CC4DA #54DAF2 #F2548C #F36598 #F2BB54 #DAA84C

Square Palette

#47B7CB #54DAF2 #B85DE9 #E9725D #8CF254 #9EF46F

Tetradic Palette

#45B3C6 #54DAF2 #6347FF #F26C54 #E3FF47 #E8FF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54DAF2 contains 84 red, 218 green, and 242 blue.

Contrast Ratio: 1.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.79:1