color #A5BAF0 | Chroma Seek

#A5BAF0

Color Information

Hex Code

#A5BAF0

RGB

165, 186, 240

HSL

223°, 71%, 79%

CSS

#A5BAF0

Color Tints

Lighter variations of #A5BAF0

#A5BAF0

#AEC1F2

10%

#B7C8F3

20%

#C0CFF5

30%

#C9D6F6

40%

#D2DDF8

50%

#DBE3F9

60%

#E4EAFB

70%

#EDF1FC

80%

#F6F8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #A5BAF0

#A5BAF0

#95A7D8

10%

#8495C0

20%

#7382A8

30%

#637090

40%

#535D78

50%

#424A60

60%

#323848

70%

#212530

80%

#111318

90%

#000000

100%

Related Colors

Complementary Color

#EFDAA3

Opposite on color wheel

Split-Complementary Colors

#EFB4A3, #DFEFA3

Adjacent to complementary color

Analogous Colors

#A3DFEF, #B4A3EF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EFA3B9, #B9EFA3

Three colors equally spaced (120° apart)

Tetradic Colors

#DAA3EF, #EFDAA3, #B9EFA3

Rectangle on color wheel (90° apart)

Square Colors

#EFA3DF, #EFDAA3, #A3EFB4

Four colors equally spaced (90° apart)

Monochromatic Variations

#6287E4, #2457D6, #193C94, #0E2253

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A5BAF0

#A3EFED

#C7A3EF

#EFDAA3

#DFEFA3

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

Triadic + Accent

#A5BAF0

#EFA3B9

#B9EFA3

#DCA8F0

#4CE1B7

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

Monochromatic + Split Complementary

#A5BAF0

#BECDF4

#3666DD

#EFB4A3

#DFEFA3

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

#A5BAF0

RGB Values

165, 186, 240

HSL Values

223°, 71%, 79%