#80BDD6 Color

Color Information

HEX#80BDD6
RGB128, 189, 214
HSL197° , 51% , 67%
HSV197° , 40% , 84%
CMYK40%, 12%, 0%, 16%

Lighter Shades

#8FC5DB #9ECDE0 #AED5E5 #BDDDEA #CCE5EF #DBEDF4

Darker Shades

#71A6BC #6190A3 #527989 #43626F #334C56 #24353C

Complementary Palette

#6EA3B8 #80BDD6 #B8836E #D69880 #DCA692 #92C6DC

Analogous Palette

#8AB2A9 #91C5BA #78B2C9 #80BDD6 #919CC5 #9BA6CA

Triadic Palette

#71A6BC #80BDD6 #DE78C1 #E288C8 #C1DE78 #AAC36A

Split Complementary Palette

#73AAC1 #80BDD6 #D68093 #DA8D9E #D6C380 #C1B073

Square Palette

#6C9FB4 #80BDD6 #BE88CD #CD9C88 #93D680 #A4DD94

Tetradic Palette

#699BAF #80BDD6 #9271E5 #D69880 #C4E571 #CFEA8B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #80BDD6 contains 128 red, 189 green, and 214 blue.

Contrast Ratio: 2.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.32:1