color #A3D5F0 | Chroma Seek

#A3D5F0

Color Information

Hex Code

#A3D5F0

RGB

163, 213, 240

HSL

201°, 72%, 79%

CSS

#A3D5F0

Color Tints

Lighter variations of #A3D5F0

#A3D5F0

#ACD9F2

10%

#B5DDF3

20%

#BFE2F5

30%

#C8E6F6

40%

#D1EAF8

50%

#DAEEF9

60%

#E3F2FB

70%

#EDF7FC

80%

#F6FBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #A3D5F0

#A3D5F0

#93C0D8

10%

#82AAC0

20%

#7295A8

30%

#628090

40%

#526B78

50%

#415560

60%

#314048

70%

#212B30

80%

#101518

90%

#000000

100%

Related Colors

Complementary Color

#F0BEA3

Opposite on color wheel

Split-Complementary Colors

#F0A3AE, #F0E4A3

Adjacent to complementary color

Analogous Colors

#A3F0E4, #A3AEF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F0A3D5, #D5F0A3

Three colors equally spaced (120° apart)

Tetradic Colors

#BEA3F0, #F0BEA3, #D5F0A3

Rectangle on color wheel (90° apart)

Square Colors

#E4A3F0, #F0BEA3, #AEF0A3

Four colors equally spaced (90° apart)

Monochromatic Variations

#61B7E5, #2398D7, #186995, #0E3B53

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A3D5F0

#A3F0D1

#ABA3F0

#F0BEA3

#F0E4A3

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

Triadic + Accent

#A3D5F0

#F0A3D5

#D5F0A3

#C1A7F1

#4BE280

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

Monochromatic + Split Complementary

#A3D5F0

#BDE1F4

#35A3DE

#F0A3AE

#F0E4A3

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

#A3D5F0

RGB Values

163, 213, 240

HSL Values

201°, 72%, 79%