#54BEF0 Color

Color Information

HEX	#54BEF0
RGB	84, 190, 240
HSL	199° , 84% , 64%
HSV	199° , 65% , 94%
CMYK	65%, 21%, 0%, 6%

Lighter Shades

#69C6F2 #7DCEF4 #92D5F5 #A6DDF7 #BBE5F9 #CFEDFB

Darker Shades

#4AA7D3 #4090B6 #367A9A #2C637D #224C60 #183543

Complementary Palette

#48A3CE #54BEF0 #CE744A #F08756 #F2986E #6CC7F2

Analogous Palette

#64C9B6 #68DEC8 #4FB3E2 #54BEF0 #687EDE #7689E0

Triadic Palette

#4AA7D3 #54BEF0 #F94DC3 #FA62CA #C3F94D #ACDB44

Split Complementary Palette

#4CABD8 #54BEF0 #F05672 #F26780 #F0D456 #D8BF4D

Square Palette

#47A0CA #54BEF0 #CE5FE7 #E78A5F #72F056 #89F271

Tetradic Palette

#459CC5 #54BEF0 #8247FF #F08756 #C5FF47 #CFFF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54BEF0 contains 84 red, 190 green, and 240 blue.

Contrast Ratio: 2.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.12:1