color #509171 | Chroma Seek

#509171

Color Information

Hex Code

#509171

RGB

80, 145, 113

HSL

150°, 29%, 44%

CSS

#509171

Color Tints

Lighter variations of #509171

#509171

#629C7F

10%

#73A78D

20%

#85B29C

30%

#96BDAA

40%

#A8C8B8

50%

#B9D3C6

60%

#CBDED4

70%

#DCE9E3

80%

#EEF4F1

90%

#FFFFFF

100%

Color Shades

Darker variations of #509171

#509171

#488366

10%

#40745A

20%

#38664F

30%

#305744

40%

#284939

50%

#203A2D

60%

#182C22

70%

#101D17

80%

#080F0B

90%

#000000

100%

Related Colors

Complementary Color

#915070

Opposite on color wheel

Split-Complementary Colors

#915091, #915050

Adjacent to complementary color

Analogous Colors

#509150, #509191

Adjacent colors on color wheel (30° apart)

Triadic Colors

#705091, #917050

Three colors equally spaced (120° apart)

Tetradic Colors

#507091, #915070, #917050

Rectangle on color wheel (90° apart)

Square Colors

#505091, #915070, #919150

Four colors equally spaced (90° apart)

Monochromatic Variations

#CAE2D6, #89BEA3, #2B4F3D, #070D0A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#509171

#609150

#508091

#915070

#915050

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

Triadic + Accent

#509171

#705091

#917050

#89A3BE

#3D4F2B

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

Monochromatic + Split Complementary

#509171

#99C7B0

#223F30

#915091

#915050

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

#509171

RGB Values

80, 145, 113

HSL Values

150°, 29%, 44%