color #80CCF0 | Chroma Seek

#80CCF0

Color Information

Hex Code

#80CCF0

RGB

128, 204, 240

HSL

199°, 79%, 72%

CSS

#80CCF0

Color Tints

Lighter variations of #80CCF0

#80CCF0

#8DD1F2

10%

#99D6F3

20%

#A6DBF5

30%

#B3E0F6

40%

#C0E6F8

50%

#CCEBF9

60%

#D9F0FB

70%

#E6F5FC

80%

#F2FAFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #80CCF0

#80CCF0

#73B8D8

10%

#66A3C0

20%

#5A8FA8

30%

#4D7A90

40%

#406678

50%

#335260

60%

#263D48

70%

#1A2930

80%

#0D1418

90%

#000000

100%

Related Colors

Complementary Color

#F0A37F

Opposite on color wheel

Split-Complementary Colors

#F07F94, #F0DB7F

Adjacent to complementary color

Analogous Colors

#7FF0DB, #7F94F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F07FCC, #CCF07F

Three colors equally spaced (120° apart)

Tetradic Colors

#A37FF0, #F0A37F, #CCF07F

Rectangle on color wheel (90° apart)

Square Colors

#DB7FF0, #F0A37F, #94F07F

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #DAF1FB, #24A8E5, #116992

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #80CCF0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#80CCF0

#7FF0BF

#877FF0

#F0A37F

#F0DB7F

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#80CCF0

#F07FCC

#CCF07F

#BDA4F4

#24E561

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#80CCF0

#BBE4F7

#199BD7

#F07F94

#F0DB7F

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#80CCF0

RGB Values

128, 204, 240

HSL Values

199°, 79%, 72%