color #20B5A8 | Chroma Seek

#20B5A8

Color Information

Hex Code

#20B5A8

RGB

32, 181, 168

HSL

175°, 70%, 42%

CSS

#20B5A8

Color Tints

Lighter variations of #20B5A8

#20B5A8

#36BCB1

10%

#4DC4B9

20%

#63CBC2

30%

#79D3CB

40%

#90DAD4

50%

#A6E1DC

60%

#BCE9E5

70%

#D2F0EE

80%

#E9F8F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #20B5A8

#20B5A8

#1DA397

10%

#1A9186

20%

#167F76

30%

#136D65

40%

#105B54

50%

#0D4843

60%

#0A3632

70%

#062422

80%

#031211

90%

#000000

100%

Related Colors

Complementary Color

#B6202D

Opposite on color wheel

Split-Complementary Colors

#B62078, #B65F20

Adjacent to complementary color

Analogous Colors

#20B65F, #2078B6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AA20B6, #B6AA20

Three colors equally spaced (120° apart)

Tetradic Colors

#202DB6, #B6202D, #B6AA20

Rectangle on color wheel (90° apart)

Square Colors

#5F20B6, #B6202D, #78B620

Four colors equally spaced (90° apart)

Monochromatic Variations

#B1F1EC, #5AE2D7, #115F59, #020908

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#20B5A8

#20B639

#2052B6

#B6202D

#B65F20

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

Triadic + Accent

#20B5A8

#AA20B6

#B6AA20

#5A66E2

#175F11

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

Monochromatic + Split Complementary

#20B5A8

#70E6DC

#0D4A45

#B62078

#B65F20

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

#20B5A8

RGB Values

32, 181, 168

HSL Values

175°, 70%, 42%