color #80CAD2 | Chroma Seek

#80CAD2

Color Information

Hex Code

#80CAD2

RGB

128, 202, 210

HSL

186°, 48%, 66%

CSS

#80CAD2

Color Tints

Lighter variations of #80CAD2

#80CAD2

#8DCFD7

10%

#99D5DB

20%

#A6DAE0

30%

#B3DFE4

40%

#C0E5E9

50%

#CCEAED

60%

#D9EFF2

70%

#E6F4F6

80%

#F2FAFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #80CAD2

#80CAD2

#73B6BD

10%

#66A2A8

20%

#5A8D93

30%

#4D797E

40%

#406569

50%

#335154

60%

#263D3F

70%

#1A282A

80%

#0D1415

90%

#000000

100%

Related Colors

Complementary Color

#D2877F

Opposite on color wheel

Split-Complementary Colors

#D27FA0, #D2B17F

Adjacent to complementary color

Analogous Colors

#7FD2B1, #7FA0D2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D27FCA, #CAD27F

Three colors equally spaced (120° apart)

Tetradic Colors

#877FD2, #D2877F, #CAD27F

Rectangle on color wheel (90° apart)

Square Colors

#B17FD2, #D2877F, #A0D27F

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CAE9EC, #3DA2AE, #225C62

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#80CAD2

#7FD29C

#7F8BD2

#D2877F

#D2B17F

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

Triadic + Accent

#80CAD2

#D27FCA

#CAD27F

#B8B4E4

#3DAE48

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

Monochromatic + Split Complementary

#80CAD2

#C6E7EB

#36919B

#D27FA0

#D2B17F

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

#80CAD2

RGB Values

128, 202, 210

HSL Values

186°, 48%, 66%