color #A2BA5A | Chroma Seek

#A2BA5A

Color Information

Hex Code

#A2BA5A

RGB

162, 186, 90

HSL

75°, 41%, 54%

CSS

#A2BA5A

Color Tints

Lighter variations of #A2BA5A

#A2BA5A

#ABC16B

10%

#B5C87B

20%

#BECF8C

30%

#C7D69C

40%

#D1DDAD

50%

#DAE3BD

60%

#E3EACE

70%

#ECF1DE

80%

#F6F8EF

90%

#FFFFFF

100%

Color Shades

Darker variations of #A2BA5A

#A2BA5A

#92A751

10%

#829548

20%

#71823F

30%

#617036

40%

#515D2D

50%

#414A24

60%

#31381B

70%

#202512

80%

#101309

90%

#000000

100%

Related Colors

Complementary Color

#725ABA

Opposite on color wheel

Split-Complementary Colors

#5A72BA, #A25ABA

Adjacent to complementary color

Analogous Colors

#BAA25A, #72BA5A

Adjacent colors on color wheel (30° apart)

Triadic Colors

#5AA2BA, #BA5AA2

Three colors equally spaced (120° apart)

Tetradic Colors

#5ABA72, #725ABA, #BA5AA2

Rectangle on color wheel (90° apart)

Square Colors

#5ABAA2, #725ABA, #BA5A72

Four colors equally spaced (90° apart)

Monochromatic Variations

#F3F6E9, #CAD8A2, #687A33, #2B3215

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#A2BA5A

#BA8A5A

#5ABA5A

#725ABA

#A25ABA

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

Triadic + Accent

#A2BA5A

#5AA2BA

#BA5AA2

#A2D8AF

#7A4533

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

Monochromatic + Split Complementary

#A2BA5A

#D4DFB3

#59682C

#5A72BA

#A25ABA

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

#A2BA5A

RGB Values

162, 186, 90

HSL Values

75°, 41%, 54%