color #AFDAF3 | Chroma Seek

#AFDAF3

Color Information

Hex Code

#AFDAF3

RGB

175, 218, 243

HSL

202°, 74%, 82%

CSS

#AFDAF3

Color Tints

Lighter variations of #AFDAF3

#AFDAF3

#B7DEF4

10%

#BFE1F5

20%

#C7E5F7

30%

#CFE9F8

40%

#D7EDF9

50%

#DFF0FA

60%

#E7F4FB

70%

#EFF8FD

80%

#F7FBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #AFDAF3

#AFDAF3

#9EC4DB

10%

#8CAEC2

20%

#7A99AA

30%

#698392

40%

#586D7A

50%

#465761

60%

#354149

70%

#232C31

80%

#121618

90%

#000000

100%

Related Colors

Complementary Color

#F3C8AF

Opposite on color wheel

Split-Complementary Colors

#F3AFB8, #F3EAAF

Adjacent to complementary color

Analogous Colors

#AFF3EA, #AFB8F3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F3AFDA, #DAF3AF

Three colors equally spaced (120° apart)

Tetradic Colors

#C8AFF3, #F3C8AF, #DAF3AF

Rectangle on color wheel (90° apart)

Square Colors

#EAAFF3, #F3C8AF, #B8F3AF

Four colors equally spaced (90° apart)

Monochromatic Variations

#6DBBE9, #2A9DDF, #1971A4, #0F4362

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#AFDAF3

#AFF3D9

#B7AFF3

#F3C8AF

#F3EAAF

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

Triadic + Accent

#AFDAF3

#F3AFDA

#DAF3AF

#C2A6F2

#56E68B

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

Monochromatic + Split Complementary

#AFDAF3

#BCE0F5

#40A7E2

#F3AFB8

#F3EAAF

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

#AFDAF3

RGB Values

175, 218, 243

HSL Values

202°, 74%, 82%