#60A6D0 Color

Color Information

HEX#60A6D0
RGB96, 166, 208
HSL203° , 54% , 60%
HSV203° , 54% , 82%
CMYK54%, 20%, 0%, 18%

Lighter Shades

#73B1D6 #86BBDB #99C6E1 #ACD1E7 #BFDBEC #D2E6F2

Darker Shades

#5492B7 #497E9E #3D6A85 #32566C #264253 #1B2E3A

Complementary Palette

#538FB3 #60A6D0 #B37854 #D08C62 #D79C78 #76B2D7

Analogous Palette

#71A8A1 #76BCB4 #5A9CC4 #60A6D0 #767EBC #8188C1

Triadic Palette

#5492B7 #60A6D0 #DA58A8 #DE6CB2 #A8DA58 #94C04D

Split Complementary Palette

#5695BB #60A6D0 #D0626F #D5727D #D0C362 #BBB058

Square Palette

#518BAF #60A6D0 #BB6CC6 #C68F6C #6FD062 #86D87B

Tetradic Palette

#4F88AB #60A6D0 #8850E2 #D08C62 #AAE250 #B9E770

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A6D0 contains 96 red, 166 green, and 208 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.98:1