color #A9BAF8 | Chroma Seek

#A9BAF8

Color Information

Hex Code

#A9BAF8

RGB

169, 186, 248

HSL

227°, 85%, 82%

CSS

#A9BAF8

Color Tints

Lighter variations of #A9BAF8

#A9BAF8

#B2C1F9

10%

#BAC8F9

20%

#C3CFFA

30%

#CBD6FB

40%

#D4DDFC

50%

#DDE3FC

60%

#E5EAFD

70%

#EEF1FE

80%

#F6F8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #A9BAF8

#A9BAF8

#98A7DF

10%

#8795C6

20%

#7682AE

30%

#657095

40%

#555D7C

50%

#444A63

60%

#33384A

70%

#222532

80%

#111319

90%

#000000

100%

Related Colors

Complementary Color

#F8E7AA

Opposite on color wheel

Split-Complementary Colors

#F8C0AA, #E2F8AA

Adjacent to complementary color

Analogous Colors

#AAE2F8, #C0AAF8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F8AABB, #BBF8AA

Three colors equally spaced (120° apart)

Tetradic Colors

#E7AAF8, #F8E7AA, #BBF8AA

Rectangle on color wheel (90° apart)

Square Colors

#F8AAE2, #F8E7AA, #AAF8C0

Four colors equally spaced (90° apart)

Monochromatic Variations

#6382F2, #1D4AED, #0E31AF, #081D68

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A9BAF8

#AAF6F8

#D4AAF8

#F8E7AA

#E2F8AA

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

Triadic + Accent

#A9BAF8

#F8AABB

#BBF8AA

#E5A1F7

#4CF0CD

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

Monochromatic + Split Complementary

#A9BAF8

#B8C6F9

#345DEF

#F8C0AA

#E2F8AA

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

#A9BAF8

RGB Values

169, 186, 248

HSL Values

227°, 85%, 82%