#54A8DE Color

Color Information

HEX#54A8DE
RGB84, 168, 222
HSL203° , 68% , 60%
HSV203° , 62% , 87%
CMYK62%, 24%, 0%, 13%

Lighter Shades

#69B2E2 #7DBDE6 #92C7EA #A6D2EE #BBDCF2 #CFE7F6

Darker Shades

#4A94C3 #4080A9 #366C8E #2C5773 #224359 #182F3E

Complementary Palette

#4890BF #54A8DE #BF7648 #DE8954 #E39A6C #6CB4E3

Analogous Palette

#64B4AB #68CABF #4F9ED1 #54A8DE #6873CA #737ECE

Triadic Palette

#4A94C3 #54A8DE #E949AC #EC5FB6 #ACE949 #97CD40

Split Complementary Palette

#4C97C8 #54A8DE #DE5464 #E16574 #DECE54 #C8B94C

Square Palette

#478DBA #54A8DE #C65ED4 #D48B5E #64DE54 #7DE36F

Tetradic Palette

#458AB6 #54A8DE #8541F1 #DE8954 #ADF141 #BCF463

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A8DE contains 84 red, 168 green, and 222 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.15:1