#60ADDC Color

Color Information

HEX#60ADDC
RGB96, 173, 220
HSL203° , 64% , 62%
HSV203° , 56% , 86%
CMYK56%, 21%, 0%, 14%

Lighter Shades

#73B7E0 #86C1E4 #99CBE9 #ACD4ED #BFDEF1 #D2E8F5

Darker Shades

#5498C2 #4983A7 #3D6F8D #325A72 #264558 #1B303E

Complementary Palette

#5395BD #60ADDC #BD7C53 #DC9060 #E1A076 #76B8E1

Analogous Palette

#6EB4AD #73C9BF #5AA3CF #60ADDC #737DC9 #7E88CD

Triadic Palette

#5498C2 #60ADDC #E656AF #E96AB9 #AFE656 #9ACA4C

Split Complementary Palette

#569CC6 #60ADDC #DC606F #E0707D #DCCE60 #C6B956

Square Palette

#5191B9 #60ADDC #C66AD2 #D2926A #6FDC60 #86E279

Tetradic Palette

#4F8EB4 #60ADDC #8C4FEE #DC9060 #B1EE4F #BFF16F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60ADDC contains 96 red, 173 green, and 220 blue.

Contrast Ratio: 2.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.63:1