color #ABC2F2 | Chroma Seek

#ABC2F2

Color Information

Hex Code

#ABC2F2

RGB

171, 194, 242

HSL

221°, 73%, 81%

CSS

#ABC2F2

Color Tints

Lighter variations of #ABC2F2

#ABC2F2

#B3C8F3

10%

#BCCEF5

20%

#C4D4F6

30%

#CDDAF7

40%

#D5E1F9

50%

#DDE7FA

60%

#E6EDFB

70%

#EEF3FC

80%

#F7F9FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABC2F2

#ABC2F2

#9AAFDA

10%

#899BC2

20%

#7888A9

30%

#677491

40%

#566179

50%

#444E61

60%

#333A49

70%

#222730

80%

#111318

90%

#000000

100%

Related Colors

Complementary Color

#F2DCAB

Opposite on color wheel

Split-Complementary Colors

#F2B8AB, #E5F2AB

Adjacent to complementary color

Analogous Colors

#ABE5F2, #B8ABF2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F2ABC2, #C2F2AB

Three colors equally spaced (120° apart)

Tetradic Colors

#DCABF2, #F2DCAB, #C2F2AB

Rectangle on color wheel (90° apart)

Square Colors

#F2ABE5, #F2DCAB, #ABF2B8

Four colors equally spaced (90° apart)

Monochromatic Variations

#6991E8, #2761DD, #19439F, #0E275D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABC2F2

#ABF2ED

#CAABF2

#F2DCAB

#E5F2AB

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

Triadic + Accent

#ABC2F2

#F2ABC2

#C2F2AB

#DAA7F1

#53E4B6

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

Monochromatic + Split Complementary

#ABC2F2

#BDCFF5

#3D71E1

#F2B8AB

#E5F2AB

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

#ABC2F2

RGB Values

171, 194, 242

HSL Values

221°, 73%, 81%