#60C5E2 Color

Color Information

HEX#60C5E2
RGB96, 197, 226
HSL193° , 69% , 63%
HSV193° , 58% , 89%
CMYK58%, 13%, 0%, 11%

Lighter Shades

#73CCE5 #86D3E9 #99DAEC #ACE1F0 #BFE8F3 #D2EFF7

Darker Shades

#54ADC7 #4996AC #3D7E91 #326676 #264F5A #1B373F

Complementary Palette

#53A9C2 #60C5E2 #C26B53 #E27C60 #E68E76 #76CDE6

Analogous Palette

#6DBAA5 #72CFB5 #5AB9D4 #60C5E2 #728DCF #7E96D3

Triadic Palette

#54ADC7 #60C5E2 #EB56CB #ED6AD1 #CBEB56 #B3CF4C

Split Complementary Palette

#56B1CB #60C5E2 #E26084 #E57090 #E2BD60 #CBAA56

Square Palette

#51A5BE #60C5E2 #B969D8 #D88169 #84E260 #98E779

Tetradic Palette

#4FA2B9 #60C5E2 #724FF3 #E27C60 #CFF34F #D8F56F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60C5E2 contains 96 red, 197 green, and 226 blue.

Contrast Ratio: 1.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.71:1