#60A6DD Color

Color Information

HEX#60A6DD
RGB96, 166, 221
HSL206° , 65% , 62%
HSV206° , 57% , 87%
CMYK57%, 25%, 0%, 13%

Lighter Shades

#73B1E1 #86BBE5 #99C6E9 #ACD1ED #BFDBF1 #D2E6F5

Darker Shades

#5492C2 #497EA8 #3D6A8D #325673 #264258 #1B2E3E

Complementary Palette

#538FBE #60A6DD #BE8152 #DD965F #E2A575 #76B2E2

Analogous Palette

#6DB6B1 #72CAC4 #5A9CD0 #60A6DD #7278CA #7E83CE

Triadic Palette

#5492C2 #60A6DD #E755A8 #EA69B2 #A8E755 #94CB4B

Split Complementary Palette

#5695C7 #60A6DD #DD5F68 #E06F77 #DDD55F #C7C056

Square Palette

#518BBA #60A6DD #CC69D3 #D39769 #68DD5F #80E279

Tetradic Palette

#4F88B5 #60A6DD #934EEF #DD965F #A9EF4E #B8F26E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A6DD contains 96 red, 166 green, and 221 blue.

Contrast Ratio: 2.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.11:1