color #A2AEDF | Chroma Seek

#A2AEDF

Color Information

Hex Code

#A2AEDF

RGB

162, 174, 223

HSL

228°, 49%, 75%

CSS

#A2AEDF

Color Tints

Lighter variations of #A2AEDF

#A2AEDF

#ABB6E2

10%

#B5BEE5

20%

#BEC6E9

30%

#C7CEEC

40%

#D1D7EF

50%

#DADFF2

60%

#E3E7F5

70%

#ECEFF9

80%

#F6F7FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #A2AEDF

#A2AEDF

#929DC9

10%

#828BB2

20%

#717A9C

30%

#616886

40%

#515770

50%

#414659

60%

#313443

70%

#20232D

80%

#101116

90%

#000000

100%

Related Colors

Complementary Color

#DED2A0

Opposite on color wheel

Split-Complementary Colors

#DEB3A0, #CCDEA0

Adjacent to complementary color

Analogous Colors

#A0CCDE, #B3A0DE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DEA0AD, #ADDEA0

Three colors equally spaced (120° apart)

Tetradic Colors

#D2A0DE, #DED2A0, #ADDEA0

Rectangle on color wheel (90° apart)

Square Colors

#DEA0CC, #DED2A0, #A0DEB3

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ECEFF8, #546BC4, #2E3F85

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A2AEDF

#A0DBDE

#C2A0DE

#DED2A0

#CCDEA0

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

Triadic + Accent

#A2AEDF

#DEA0AD

#ADDEA0

#DBB3E5

#54C4AE

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

Monochromatic + Split Complementary

#A2AEDF

#C6CEEB

#415ABE

#DEB3A0

#CCDEA0

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

#A2AEDF

RGB Values

162, 174, 223

HSL Values

228°, 49%, 75%