color #20BAE9 | Chroma Seek

#20BAE9

Color Information

Hex Code

#20BAE9

RGB

32, 186, 233

HSL

194°, 82%, 52%

CSS

#20BAE9

Color Tints

Lighter variations of #20BAE9

#20BAE9

#36C1EB

10%

#4DC8ED

20%

#63CFF0

30%

#79D6F2

40%

#90DDF4

50%

#A6E3F6

60%

#BCEAF8

70%

#D2F1FB

80%

#E9F8FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #20BAE9

#20BAE9

#1DA7D2

10%

#1A95BA

20%

#1682A3

30%

#13708C

40%

#105D75

50%

#0D4A5D

60%

#0A3846

70%

#06252F

80%

#031317

90%

#000000

100%

Related Colors

Complementary Color

#E94F20

Opposite on color wheel

Split-Complementary Colors

#E92056, #E9B320

Adjacent to complementary color

Analogous Colors

#20E9B3, #2056E9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E920BA, #BAE920

Three colors equally spaced (120° apart)

Tetradic Colors

#4F20E9, #E94F20, #BAE920

Rectangle on color wheel (90° apart)

Square Colors

#B320E9, #E94F20, #56E920

Four colors equally spaced (90° apart)

Monochromatic Variations

#DAF4FB, #7DD7F2, #0F7595, #062C38

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#20BAE9

#20E981

#2024E9

#E94F20

#E9B320

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

Triadic + Accent

#20BAE9

#E920BA

#BAE920

#987DF2

#0F952E

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

Monochromatic + Split Complementary

#20BAE9

#94DEF4

#0C637D

#E92056

#E9B320

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

#20BAE9

RGB Values

32, 186, 233

HSL Values

194°, 82%, 52%