color #ABAF6A | Chroma Seek

#ABAF6A

Color Information

Hex Code

#ABAF6A

RGB

171, 175, 106

HSL

63°, 30%, 55%

CSS

#ABAF6A

Color Tints

Lighter variations of #ABAF6A

#ABAF6A

#B3B779

10%

#BCBF88

20%

#C4C797

30%

#CDCFA6

40%

#D5D7B5

50%

#DDDFC3

60%

#E6E7D2

70%

#EEEFE1

80%

#F7F7F0

90%

#FFFFFF

100%

Color Shades

Darker variations of #ABAF6A

#ABAF6A

#9A9E5F

10%

#898C55

20%

#787A4A

30%

#676940

40%

#565835

50%

#44462A

60%

#333520

70%

#222315

80%

#11120B

90%

#000000

100%

Related Colors

Complementary Color

#6D6AAF

Opposite on color wheel

Split-Complementary Colors

#6A89AF, #906AAF

Adjacent to complementary color

Analogous Colors

#AF906A, #89AF6A

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6AABAF, #AF6AAB

Three colors equally spaced (120° apart)

Tetradic Colors

#6AAF6D, #6D6AAF, #AF6AAB

Rectangle on color wheel (90° apart)

Square Colors

#6AAF90, #6D6AAF, #AF6A89

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6F6EE, #D0D2AC, #71743E, #31321B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#ABAF6A

#AF7E6A

#78AF6A

#6D6AAF

#906AAF

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

Triadic + Accent

#ABAF6A

#6AABAF

#AF6AAB

#ACD2AE

#74413E

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

Monochromatic + Split Complementary

#ABAF6A

#DADBBD

#616336

#6A89AF

#906AAF

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

#ABAF6A

RGB Values

171, 175, 106

HSL Values

63°, 30%, 55%