color #AFD5DF | Chroma Seek

#AFD5DF

Color Information

Hex Code

#AFD5DF

RGB

175, 213, 223

HSL

193°, 43%, 78%

CSS

#AFD5DF

Color Tints

Lighter variations of #AFD5DF

#AFD5DF

#B7D9E2

10%

#BFDDE5

20%

#C7E2E9

30%

#CFE6EC

40%

#D7EAEF

50%

#DFEEF2

60%

#E7F2F5

70%

#EFF7F9

80%

#F7FBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #AFD5DF

#AFD5DF

#9EC0C9

10%

#8CAAB2

20%

#7A959C

30%

#698086

40%

#586B70

50%

#465559

60%

#354043

70%

#232B2D

80%

#121516

90%

#000000

100%

Related Colors

Complementary Color

#DFB9AF

Opposite on color wheel

Split-Complementary Colors

#DFAFBC, #DFD1AF

Adjacent to complementary color

Analogous Colors

#AFDFD1, #AFBCDF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DFAFD5, #D5DFAF

Three colors equally spaced (120° apart)

Tetradic Colors

#B9AFDF, #DFB9AF, #D5DFAF

Rectangle on color wheel (90° apart)

Square Colors

#D1AFDF, #DFB9AF, #BCDFAF

Four colors equally spaced (90° apart)

Monochromatic Variations

#78B8C9, #4698AF, #306978, #1A3942

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#AFD5DF

#AFDFC5

#AFB0DF

#DFB9AF

#DFD1AF

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

Triadic + Accent

#AFD5DF

#DFAFD5

#D5DFAF

#C0B6E2

#66C27A

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

Monochromatic + Split Complementary

#AFD5DF

#C8E2E9

#54A4BB

#DFAFBC

#DFD1AF

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

#AFD5DF

RGB Values

175, 213, 223

HSL Values

193°, 43%, 78%