color #5BAF88 | Chroma Seek

#5BAF88

Color Information

Hex Code

#5BAF88

RGB

91, 175, 136

HSL

152°, 34%, 52%

CSS

#5BAF88

Color Tints

Lighter variations of #5BAF88

#5BAF88

#6BB794

10%

#7CBFA0

20%

#8CC7AC

30%

#9DCFB8

40%

#ADD7C4

50%

#BDDFCF

60%

#CEE7DB

70%

#DEEFE7

80%

#EFF7F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #5BAF88

#5BAF88

#529E7A

10%

#498C6D

20%

#407A5F

30%

#376952

40%

#2E5844

50%

#244636

60%

#1B3529

70%

#12231B

80%

#09120E

90%

#000000

100%

Related Colors

Complementary Color

#AE5B82

Opposite on color wheel

Split-Complementary Colors

#AE5BAB, #AE5E5B

Adjacent to complementary color

Analogous Colors

#5BAE5E, #5BABAE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#875BAE, #AE875B

Three colors equally spaced (120° apart)

Tetradic Colors

#5B82AE, #AE5B82, #AE875B

Rectangle on color wheel (90° apart)

Square Colors

#5E5BAE, #AE5B82, #ABAE5B

Four colors equally spaced (90° apart)

Monochromatic Variations

#E4F2EB, #9FD0B9, #366D53, #14291F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5BAF88

#6DAE5B

#5B97AE

#AE5B82

#AE5E5B

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

Triadic + Accent

#5BAF88

#875BAE

#AE875B

#9FB6D0

#506D36

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

Monochromatic + Split Complementary

#5BAF88

#B0D8C6

#2D5C46

#AE5BAB

#AE5E5B

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

#5BAF88

RGB Values

91, 175, 136

HSL Values

152°, 34%, 52%