color #AFD4F9 | Chroma Seek

#AFD4F9

Color Information

Hex Code

#AFD4F9

RGB

175, 212, 249

HSL

210°, 86%, 83%

CSS

#AFD4F9

Color Tints

Lighter variations of #AFD4F9

#AFD4F9

#B7D8FA

10%

#BFDDFA

20%

#C7E1FB

30%

#CFE5FB

40%

#D7EAFC

50%

#DFEEFD

60%

#E7F2FD

70%

#EFF6FE

80%

#F7FBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #AFD4F9

#AFD4F9

#9EBFE0

10%

#8CAAC7

20%

#7A94AE

30%

#697F95

40%

#586A7D

50%

#465564

60%

#35404B

70%

#232A32

80%

#121519

90%

#000000

100%

Related Colors

Complementary Color

#F9D4AE

Opposite on color wheel

Split-Complementary Colors

#F9AEAE, #F9F9AE

Adjacent to complementary color

Analogous Colors

#AEF9F9, #AEAEF9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F9AED4, #D4F9AE

Three colors equally spaced (120° apart)

Tetradic Colors

#D4AEF9, #F9D4AE, #D4F9AE

Rectangle on color wheel (90° apart)

Square Colors

#F9AEF9, #F9D4AE, #AEF9AE

Four colors equally spaced (90° apart)

Monochromatic Variations

#67ADF4, #2087EE, #0E61B4, #083B6D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#AFD4F9

#AEF9E6

#C1AEF9

#F9D4AE

#F9F9AE

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

Triadic + Accent

#AFD4F9

#F9AED4

#D4F9AE

#CCA0F8

#50F2A1

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

Monochromatic + Split Complementary

#AFD4F9

#B8D9FA

#3894F0

#F9AEAE

#F9F9AE

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

#AFD4F9

RGB Values

175, 212, 249

HSL Values

210°, 86%, 83%