#5CBADE Color

Color Information

HEX#5CBADE
RGB92, 186, 222
HSL197° , 66% , 62%
HSV197° , 59% , 87%
CMYK59%, 16%, 0%, 13%

Lighter Shades

#70C2E2 #83CBE6 #97D3EA #AADBEE #BEE3F2 #D1ECF6

Darker Shades

#51A4C3 #468DA9 #3B778E #306173 #254A59 #1A343E

Complementary Palette

#4FA0BF #5CBADE #BF7051 #DE825E #E39475 #73C4E3

Analogous Palette

#6CB7A6 #72CBB7 #56AFD1 #5CBADE #7285CB #7D8ECF

Triadic Palette

#51A4C3 #5CBADE #E854BE #EB69C6 #BEE854 #A7CC4A

Split Complementary Palette

#53A7C8 #5CBADE #DE5E7A #E16E87 #DEC25E #C8AF55

Square Palette

#4D9CBA #5CBADE #BD68D4 #D48768 #7ADE5E #8FE378

Tetradic Palette

#4B99B6 #5CBADE #7B4DEF #DE825E #C1EF4D #CCF26D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CBADE contains 92 red, 186 green, and 222 blue.

Contrast Ratio: 2.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.66:1