#60A9EE Color

Color Information

HEX#60A9EE
RGB96, 169, 238
HSL209° , 81% , 65%
HSV209° , 60% , 93%
CMYK60%, 29%, 0%, 7%

Lighter Shades

#73B3F0 #86BEF2 #99C8F4 #ACD2F6 #BFDDF8 #D2E7FA

Darker Shades

#5495D1 #4980B5 #3D6C98 #32587C #26445F #1B2F43

Complementary Palette

#5391CD #60A9EE #CD8C50 #EEA35D #F0B074 #76B5F0

Analogous Palette

#6BC7C5 #6FDCDA #5A9FE0 #60A9EE #6F71DC #7C7DDF

Triadic Palette

#5495D1 #60A9EE #F755A8 #F869B2 #A8F755 #94D94B

Split Complementary Palette

#5698D6 #60A9EE #EE5D60 #F06D70 #EEEC5D #D6D454

Square Palette

#518EC8 #60A9EE #E366E5 #E5A466 #60EE5D #79F177

Tetradic Palette

#4F8BC3 #60A9EE #A34DFE #EEA35D #A9FE4D #B8FE6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A9EE contains 96 red, 169 green, and 238 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.52:1