#60CCEE Color

Color Information

HEX#60CCEE
RGB96, 204, 238
HSL194° , 81% , 65%
HSV194° , 60% , 93%
CMYK60%, 14%, 0%, 7%

Lighter Shades

#73D2F0 #86D8F2 #99DEF4 #ACE4F6 #BFEBF8 #D2F1FA

Darker Shades

#54B4D1 #499BB5 #3D8398 #326A7C #26525F #1B3943

Complementary Palette

#53AFCD #60CCEE #CD6D50 #EE7F5D #F09174 #76D3F0

Analogous Palette

#6BC7AE #6FDCBF #5AC0E0 #60CCEE #6F8CDC #7C96DF

Triadic Palette

#54B4D1 #60CCEE #F755D1 #F869D7 #D1F755 #B8D94B

Split Complementary Palette

#56B8D6 #60CCEE #EE5D84 #F06D90 #EEC75D #D6B354

Square Palette

#51ABC8 #60CCEE #C366E5 #E58466 #84EE5D #98F177

Tetradic Palette

#4FA7C3 #60CCEE #774DFE #EE7F5D #D5FE4D #DDFE6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60CCEE contains 96 red, 204 green, and 238 blue.

Contrast Ratio: 1.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.49:1