color #A5CAD6 | Chroma Seek

#A5CAD6

Color Information

Hex Code

#A5CAD6

RGB

165, 202, 214

HSL

195°, 37%, 74%

CSS

#A5CAD6

Color Tints

Lighter variations of #A5CAD6

#A5CAD6

#AECFDA

10%

#B7D5DE

20%

#C0DAE2

30%

#C9DFE6

40%

#D2E5EB

50%

#DBEAEF

60%

#E4EFF3

70%

#EDF4F7

80%

#F6FAFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #A5CAD6

#A5CAD6

#95B6C1

10%

#84A2AB

20%

#738D96

30%

#637980

40%

#53656B

50%

#425156

60%

#323D40

70%

#21282B

80%

#111415

90%

#000000

100%

Related Colors

Complementary Color

#D5B0A4

Opposite on color wheel

Split-Complementary Colors

#D5A4B0, #D5C9A4

Adjacent to complementary color

Analogous Colors

#A4D5C9, #A4B0D5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D5A4C9, #C9D5A4

Three colors equally spaced (120° apart)

Tetradic Colors

#B0A4D5, #D5B0A4, #C9D5A4

Rectangle on color wheel (90° apart)

Square Colors

#C9A4D5, #D5B0A4, #B0D5A4

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #EAF3F5, #5E9FB5, #376777

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A5CAD6

#A4D5BD

#A4A4D5

#D5B0A4

#D5C9A4

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

Triadic + Accent

#A5CAD6

#D5A4C9

#C9D5A4

#C3B9DF

#5EB574

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

Monochromatic + Split Complementary

#A5CAD6

#CBE0E7

#4F94AB

#D5A4B0

#D5C9A4

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

#A5CAD6

RGB Values

165, 202, 214

HSL Values

195°, 37%, 74%