color #AFDFD3 | Chroma Seek

#AFDFD3

Color Information

Hex Code

#AFDFD3

RGB

175, 223, 211

HSL

165°, 43%, 78%

CSS

#AFDFD3

Color Tints

Lighter variations of #AFDFD3

#AFDFD3

#B7E2D7

10%

#BFE5DC

20%

#C7E9E0

30%

#CFECE5

40%

#D7EFE9

50%

#DFF2ED

60%

#E7F5F2

70%

#EFF9F6

80%

#F7FCFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #AFDFD3

#AFDFD3

#9EC9BE

10%

#8CB2A9

20%

#7A9C94

30%

#69867F

40%

#58706A

50%

#465954

60%

#35433F

70%

#232D2A

80%

#121615

90%

#000000

100%

Related Colors

Complementary Color

#DFAFBB

Opposite on color wheel

Split-Complementary Colors

#DFAFD3, #DFBBAF

Adjacent to complementary color

Analogous Colors

#AFDFBB, #AFD3DF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D3AFDF, #DFD3AF

Three colors equally spaced (120° apart)

Tetradic Colors

#AFBBDF, #DFAFBB, #DFD3AF

Rectangle on color wheel (90° apart)

Square Colors

#BBAFDF, #DFAFBB, #D3DFAF

Four colors equally spaced (90° apart)

Monochromatic Variations

#78C9B5, #46AF95, #307866, #1A4238

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#AFDFD3

#AFDFAF

#AFC7DF

#DFAFBB

#DFBBAF

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

Triadic + Accent

#AFDFD3

#D3AFDF

#DFD3AF

#B6C1E2

#7DC266

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

Monochromatic + Split Complementary

#AFDFD3

#C8E9E1

#54BBA1

#DFAFD3

#DFBBAF

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

#AFDFD3

RGB Values

175, 223, 211

HSL Values

165°, 43%, 78%