color #A2BCDD | Chroma Seek

#A2BCDD

Color Information

Hex Code

#A2BCDD

RGB

162, 188, 221

HSL

214°, 46%, 75%

CSS

#A2BCDD

Color Tints

Lighter variations of #A2BCDD

#A2BCDD

#ABC3E0

10%

#B5C9E4

20%

#BED0E7

30%

#C7D7EB

40%

#D1DEEE

50%

#DAE4F1

60%

#E3EBF5

70%

#ECF2F8

80%

#F6F8FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #A2BCDD

#A2BCDD

#92A9C7

10%

#8296B1

20%

#71849B

30%

#617185

40%

#515E6F

50%

#414B58

60%

#313842

70%

#20262C

80%

#101316

90%

#000000

100%

Related Colors

Complementary Color

#DDC3A2

Opposite on color wheel

Split-Complementary Colors

#DDA6A2, #D9DDA2

Adjacent to complementary color

Analogous Colors

#A2D9DD, #A6A2DD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DDA2BB, #BBDDA2

Three colors equally spaced (120° apart)

Tetradic Colors

#C3A2DD, #DDC3A2, #BBDDA2

Rectangle on color wheel (90° apart)

Square Colors

#DDA2D9, #DDC3A2, #A2DDA6

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ECF1F8, #5785C1, #305482

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A2BCDD

#A2DDD2

#B4A2DD

#DDC3A2

#D9DDA2

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

Triadic + Accent

#A2BCDD

#DDA2BB

#BBDDA2

#CFB5E3

#57C193

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

Monochromatic + Split Complementary

#A2BCDD

#C7D6EA

#4578BA

#DDA6A2

#D9DDA2

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

#A2BCDD

RGB Values

162, 188, 221

HSL Values

214°, 46%, 75%