#60C6E2 Color

Color Information

HEX#60C6E2
RGB96, 198, 226
HSL193° , 69% , 63%
HSV193° , 58% , 89%
CMYK58%, 12%, 0%, 11%

Lighter Shades

#73CDE5 #86D4E9 #99DBEC #ACE1F0 #BFE8F3 #D2EFF7

Darker Shades

#54AEC7 #4996AC #3D7F91 #326776 #264F5A #1B373F

Complementary Palette

#53AAC2 #60C6E2 #C26B53 #E27C60 #E68E76 #76CEE6

Analogous Palette

#6DBAA5 #72CFB5 #5ABAD4 #60C6E2 #728DCF #7E96D3

Triadic Palette

#54AEC7 #60C6E2 #EB56CB #ED6AD1 #CBEB56 #B3CF4C

Split Complementary Palette

#56B2CB #60C6E2 #E26084 #E57090 #E2BD60 #CBAA56

Square Palette

#51A6BE #60C6E2 #B969D8 #D88169 #84E260 #98E779

Tetradic Palette

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

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60C6E2 contains 96 red, 198 green, and 226 blue.

Contrast Ratio: 1.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.8:1