color #A2BCDE | Chroma Seek

#A2BCDE

Color Information

Hex Code

#A2BCDE

RGB

162, 188, 222

HSL

214°, 48%, 75%

CSS

#A2BCDE

Color Tints

Lighter variations of #A2BCDE

#A2BCDE

#ABC3E1

10%

#B5C9E5

20%

#BED0E8

30%

#C7D7EB

40%

#D1DEEF

50%

#DAE4F2

60%

#E3EBF5

70%

#ECF2F8

80%

#F6F8FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #A2BCDE

#A2BCDE

#92A9C8

10%

#8296B2

20%

#71849B

30%

#617185

40%

#515E6F

50%

#414B59

60%

#313843

70%

#20262C

80%

#101316

90%

#000000

100%

Related Colors

Complementary Color

#DEC3A1

Opposite on color wheel

Split-Complementary Colors

#DEA5A1, #DADEA1

Adjacent to complementary color

Analogous Colors

#A1DADE, #A5A1DE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DEA1BB, #BBDEA1

Three colors equally spaced (120° apart)

Tetradic Colors

#C3A1DE, #DEC3A1, #BBDEA1

Rectangle on color wheel (90° apart)

Square Colors

#DEA1DA, #DEC3A1, #A1DEA5

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ECF1F8, #5585C3, #2E5484

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A2BCDE

#A1DED3

#B4A1DE

#DEC3A1

#DADEA1

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

Triadic + Accent

#A2BCDE

#DEA1BB

#BBDEA1

#CFB4E4

#55C394

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

Monochromatic + Split Complementary

#A2BCDE

#C6D6EB

#4277BD

#DEA5A1

#DADEA1

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

#A2BCDE

RGB Values

162, 188, 222

HSL Values

214°, 48%, 75%