#60A0DD Color

Color Information

HEX#60A0DD
RGB96, 160, 221
HSL209° , 65% , 62%
HSV209° , 57% , 87%
CMYK57%, 28%, 0%, 13%

Lighter Shades

#73ABE1 #86B7E5 #99C2E9 #ACCEED #BFD9F1 #D2E4F5

Darker Shades

#548DC2 #497AA8 #3D668D #325373 #264058 #1B2D3E

Complementary Palette

#538ABE #60A0DD #BE8652 #DD9C5F #E2AA75 #76ADE2

Analogous Palette

#6DB6B4 #72CAC8 #5A96D0 #60A0DD #7274CA #7E7FCE

Triadic Palette

#548DC2 #60A0DD #E755A1 #EA69AC #A1E755 #8ECB4B

Split Complementary Palette

#5690C7 #60A0DD #DD5F61 #E06F71 #DDDB5F #C7C556

Square Palette

#5186BA #60A0DD #D269D3 #D39C69 #61DD5F #7AE279

Tetradic Palette

#4F83B5 #60A0DD #9B4EEF #DD9C5F #A1EF4E #B2F26E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A0DD contains 96 red, 160 green, and 221 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.68:1