color #5A8766 | Chroma Seek

#5A8766

Color Information

Hex Code

#5A8766

RGB

90, 135, 102

HSL

136°, 20%, 44%

CSS

#5A8766

Color Tints

Lighter variations of #5A8766

#5A8766

#6B9375

10%

#7B9F85

20%

#8CAB94

30%

#9CB7A3

40%

#ADC3B3

50%

#BDCFC2

60%

#CEDBD1

70%

#DEE7E0

80%

#EFF3F0

90%

#FFFFFF

100%

Color Shades

Darker variations of #5A8766

#5A8766

#517A5C

10%

#486C52

20%

#3F5F47

30%

#36513D

40%

#2D4433

50%

#243629

60%

#1B291F

70%

#121B14

80%

#090E0A

90%

#000000

100%

Related Colors

Complementary Color

#875A7B

Opposite on color wheel

Split-Complementary Colors

#7C5A87, #875A64

Adjacent to complementary color

Analogous Colors

#64875A, #5A877C

Adjacent colors on color wheel (30° apart)

Triadic Colors

#665A87, #87665A

Three colors equally spaced (120° apart)

Tetradic Colors

#5A7B87, #875A7B, #87665A

Rectangle on color wheel (90° apart)

Square Colors

#5A6487, #875A7B, #877C5A

Four colors equally spaced (90° apart)

Monochromatic Variations

#CEDED2, #91B69B, #314937, #080C09

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5A8766

#6F875A

#5A8687

#875A7B

#875A64

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

Triadic + Accent

#5A8766

#665A87

#87665A

#91ACB6

#434931

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

Monochromatic + Split Complementary

#5A8766

#A0C0A9

#273A2C

#7C5A87

#875A64

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

#5A8766

RGB Values

90, 135, 102

HSL Values

136°, 20%, 44%