color #A2BDCC | Chroma Seek

#A2BDCC

Color Information

Hex Code

#A2BDCC

RGB

162, 189, 204

HSL

201°, 29%, 72%

CSS

#A2BDCC

Color Tints

Lighter variations of #A2BDCC

#A2BDCC

#ABC4D1

10%

#B5CAD6

20%

#BED1DB

30%

#C7D7E0

40%

#D1DEE6

50%

#DAE5EB

60%

#E3EBF0

70%

#ECF2F5

80%

#F6F8FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #A2BDCC

#A2BDCC

#92AAB8

10%

#8297A3

20%

#71848F

30%

#61717A

40%

#515F66

50%

#414C52

60%

#31393D

70%

#202629

80%

#101314

90%

#000000

100%

Related Colors

Complementary Color

#CCB1A3

Opposite on color wheel

Split-Complementary Colors

#CCA3A9, #CCC6A3

Adjacent to complementary color

Analogous Colors

#A3CCC6, #A3A9CC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CCA3BE, #BECCA3

Three colors equally spaced (120° apart)

Tetradic Colors

#B1A3CC, #CCB1A3, #BECCA3

Rectangle on color wheel (90° apart)

Square Colors

#C6A3CC, #CCB1A3, #A9CCA3

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E5ECF1, #618FA8, #3A5969

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A2BDCC

#A3CCBC

#A7A3CC

#CCB1A3

#CCC6A3

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

Triadic + Accent

#A2BDCC

#CCA3BE

#BECCA3

#C8BDDB

#61A87A

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

Monochromatic + Split Complementary

#A2BDCC

#CEDCE4

#55829B

#CCA3A9

#CCC6A3

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

#A2BDCC

RGB Values

162, 189, 204

HSL Values

201°, 29%, 72%