color #ABABF3 | Chroma Seek

#ABABF3

Color Information

Hex Code

#ABABF3

RGB

171, 171, 243

HSL

240°, 75%, 81%

CSS

#ABABF3

Color Tints

Lighter variations of #ABABF3

#ABABF3

#B3B3F4

10%

#BCBCF5

20%

#C4C4F7

30%

#CDCDF8

40%

#D5D5F9

50%

#DDDDFA

60%

#E6E6FB

70%

#EEEEFD

80%

#F7F7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABABF3

#ABABF3

#9A9ADB

10%

#8989C2

20%

#7878AA

30%

#676792

40%

#56567A

50%

#444461

60%

#333349

70%

#222231

80%

#111118

90%

#000000

100%

Related Colors

Complementary Color

#F3F3AA

Opposite on color wheel

Split-Complementary Colors

#F3CFAA, #CFF3AA

Adjacent to complementary color

Analogous Colors

#AACFF3, #CFAAF3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F3AAAA, #AAF3AA

Three colors equally spaced (120° apart)

Tetradic Colors

#F3AAF3, #F3F3AA, #AAF3AA

Rectangle on color wheel (90° apart)

Square Colors

#F3AACF, #F3F3AA, #AAF3CF

Four colors equally spaced (90° apart)

Monochromatic Variations

#6767E9, #2424E0, #1717A1, #0D0D5E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABABF3

#AAE1F3

#E1AAF3

#F3F3AA

#CFF3AA

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

Triadic + Accent

#ABABF3

#F3AAAA

#AAF3AA

#F2A6F2

#51E6E6

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

Monochromatic + Split Complementary

#ABABF3

#BCBCF5

#3B3BE3

#F3CFAA

#CFF3AA

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

#ABABF3

RGB Values

171, 171, 243

HSL Values

240°, 75%, 81%