color #508766 | Chroma Seek

#508766

Color Information

Hex Code

#508766

RGB

80, 135, 102

HSL

144°, 26%, 42%

CSS

#508766

Color Tints

Lighter variations of #508766

#508766

#629375

10%

#739F85

20%

#85AB94

30%

#96B7A3

40%

#A8C3B3

50%

#B9CFC2

60%

#CBDBD1

70%

#DCE7E0

80%

#EEF3F0

90%

#FFFFFF

100%

Color Shades

Darker variations of #508766

#508766

#487A5C

10%

#406C52

20%

#385F47

30%

#30513D

40%

#284433

50%

#203629

60%

#18291F

70%

#101B14

80%

#080E0A

90%

#000000

100%

Related Colors

Complementary Color

#874F71

Opposite on color wheel

Split-Complementary Colors

#814F87, #874F55

Adjacent to complementary color

Analogous Colors

#55874F, #4F8781

Adjacent colors on color wheel (30° apart)

Triadic Colors

#664F87, #87664F

Three colors equally spaced (120° apart)

Tetradic Colors

#4F7187, #874F71, #87664F

Rectangle on color wheel (90° apart)

Square Colors

#4F5587, #874F71, #87814F

Four colors equally spaced (90° apart)

Monochromatic Variations

#C5DDCF, #85B799, #2A4735, #040605

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#508766

#63874F

#4F7F87

#874F71

#874F55

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

Triadic + Accent

#508766

#664F87

#87664F

#85A3B7

#3B472A

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

Monochromatic + Split Complementary

#508766

#95C1A6

#203729

#814F87

#874F55

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

#508766

RGB Values

80, 135, 102

HSL Values

144°, 26%, 42%