#60ACD0 Color

Color Information

HEX#60ACD0
RGB96, 172, 208
HSL199° , 54% , 60%
HSV199° , 54% , 82%
CMYK54%, 17%, 0%, 18%

Lighter Shades

#73B6D6 #86C0DB #99CAE1 #ACD4E7 #BFDEEC #D2E8F2

Darker Shades

#5497B7 #49839E #3D6E85 #32596C #264553 #1B303A

Complementary Palette

#5394B3 #60ACD0 #B37254 #D08562 #D79678 #76B8D7

Analogous Palette

#71A89E #76BCAF #5AA2C4 #60ACD0 #7683BC #818CC1

Triadic Palette

#5497B7 #60ACD0 #DA58B1 #DE6CBA #B1DA58 #9CC04D

Split Complementary Palette

#569BBB #60ACD0 #D06276 #D57284 #D0BC62 #BBA958

Square Palette

#5190AF #60ACD0 #B56CC6 #C6896C #76D062 #8CD87B

Tetradic Palette

#4F8DAB #60ACD0 #7E50E2 #D08562 #B4E250 #C2E770

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60ACD0 contains 96 red, 172 green, and 208 blue.

Contrast Ratio: 2.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.43:1