#60AEEE Color

Color Information

HEX	#60AEEE
RGB	96, 174, 238
HSL	207° , 81% , 65%
HSV	207° , 60% , 93%
CMYK	60%, 27%, 0%, 7%

Lighter Shades

#73B8F0 #86C1F2 #99CBF4 #ACD5F6 #BFDFF8 #D2E8FA

Darker Shades

#5499D1 #4984B5 #3D6F98 #325A7C #26465F #1B3143

Complementary Palette

#5396CD #60AEEE #CD8950 #EE9F5D #F0AC74 #76B9F0

Analogous Palette

#6BC7C2 #6FDCD7 #5AA4E0 #60AEEE #6F75DC #7C81DF

Triadic Palette

#5499D1 #60AEEE #F755AE #F869B8 #AEF755 #99D94B

Split Complementary Palette

#569DD6 #60AEEE #EE5D65 #F06D74 #EEE75D #D6D054

Square Palette

#5192C8 #60AEEE #DF66E5 #E59F66 #65EE5D #7EF177

Tetradic Palette

#4F8FC3 #60AEEE #9D4DFE #EE9F5D #AFFE4D #BDFE6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60AEEE contains 96 red, 174 green, and 238 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.91:1