color #A2DCCC | Chroma Seek

#A2DCCC

Color Information

Hex Code

#A2DCCC

RGB

162, 220, 204

HSL

163°, 45%, 75%

CSS

#A2DCCC

Color Tints

Lighter variations of #A2DCCC

#A2DCCC

#ABE0D1

10%

#B5E3D6

20%

#BEE7DB

30%

#C7EAE0

40%

#D1EEE6

50%

#DAF1EB

60%

#E3F5F0

70%

#ECF8F5

80%

#F6FCFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #A2DCCC

#A2DCCC

#92C6B8

10%

#82B0A3

20%

#719A8F

30%

#61847A

40%

#516E66

50%

#415852

60%

#31423D

70%

#202C29

80%

#101614

90%

#000000

100%

Related Colors

Complementary Color

#DCA3B3

Opposite on color wheel

Split-Complementary Colors

#DCA3D0, #DCAFA3

Adjacent to complementary color

Analogous Colors

#A3DCAF, #A3D0DC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CCA3DC, #DCCCA3

Three colors equally spaced (120° apart)

Tetradic Colors

#A3B3DC, #DCA3B3, #DCCCA3

Rectangle on color wheel (90° apart)

Square Colors

#AFA3DC, #DCA3B3, #D0DCA3

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #EDF8F5, #59C0A3, #31816B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A2DCCC

#A4DCA3

#A3C1DC

#DCA3B3

#DCAFA3

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

Triadic + Accent

#A2DCCC

#CCA3DC

#DCCCA3

#B5C2E3

#76C059

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

Monochromatic + Split Complementary

#A2DCCC

#C8EAE0

#46B998

#DCA3D0

#DCAFA3

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

#A2DCCC

RGB Values

162, 220, 204

HSL Values

163°, 45%, 75%