#80C3DC Color

Color Information

HEX	#80C3DC
RGB	128, 195, 220
HSL	196° , 57% , 68%
HSV	196° , 42% , 86%
CMYK	42%, 11%, 0%, 14%

Lighter Shades

#8FCAE0 #9ED1E4 #AED9E9 #BDE0ED #CCE7F1 #DBEEF5

Darker Shades

#71ACC2 #6194A7 #527D8D #436572 #334E58 #24373E

Complementary Palette

#6EA8BD #80C3DC #BD836D #DC987F #E1A691 #92CBE1

Analogous Palette

#89B8AD #8FCCBE #78B7CF #80C3DC #8F9DCC #9AA6D0

Triadic Palette

#71ACC2 #80C3DC #E477C7 #E787CE #C7E477 #AFC969

Split Complementary Palette

#73B0C6 #80C3DC #DC7F95 #E08CA0 #DCC67F #C6B272

Square Palette

#6CA4B9 #80C3DC #C287D4 #D49C87 #95DC7F #A6E293

Tetradic Palette

#69A0B4 #80C3DC #9170EB #DC987F #CAEB70 #D4EF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #80C3DC contains 128 red, 195 green, and 220 blue.

Contrast Ratio: 1.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.9:1