color #20AAD5 | Chroma Seek

#20AAD5

Color Information

Hex Code

#20AAD5

RGB

32, 170, 213

HSL

194°, 74%, 48%

CSS

#20AAD5

Color Tints

Lighter variations of #20AAD5

#20AAD5

#36B3D9

10%

#4DBBDD

20%

#63C4E2

30%

#79CCE6

40%

#90D5EA

50%

#A6DDEE

60%

#BCE6F2

70%

#D2EEF7

80%

#E9F7FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #20AAD5

#20AAD5

#1D99C0

10%

#1A88AA

20%

#167795

30%

#136680

40%

#10556B

50%

#0D4455

60%

#0A3340

70%

#06222B

80%

#031115

90%

#000000

100%

Related Colors

Complementary Color

#D54A20

Opposite on color wheel

Split-Complementary Colors

#D52050, #D5A520

Adjacent to complementary color

Analogous Colors

#20D5A5, #2050D5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D520AB, #ABD520

Three colors equally spaced (120° apart)

Tetradic Colors

#4A20D5, #D54A20, #ABD520

Rectangle on color wheel (90° apart)

Square Colors

#A520D5, #D54A20, #50D520

Four colors equally spaced (90° apart)

Monochromatic Variations

#CAECF7, #71CEEA, #13647C, #051C23

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#20AAD5

#20D577

#2023D5

#D54A20

#D5A520

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

Triadic + Accent

#20AAD5

#D520AB

#ABD520

#8D71EA

#137C2B

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

Monochromatic + Split Complementary

#20AAD5

#87D5ED

#0F5266

#D52050

#D5A520

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

#20AAD5

RGB Values

32, 170, 213

HSL Values

194°, 74%, 48%