color #20B4F3 | Chroma Seek

#20B4F3

Color Information

Hex Code

#20B4F3

RGB

32, 180, 243

HSL

198°, 90%, 54%

CSS

#20B4F3

Color Tints

Lighter variations of #20B4F3

#20B4F3

#36BCF4

10%

#4DC3F5

20%

#63CBF7

30%

#79D2F8

40%

#90DAF9

50%

#A6E1FA

60%

#BCE9FB

70%

#D2F0FD

80%

#E9F8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #20B4F3

#20B4F3

#1DA2DB

10%

#1A90C2

20%

#167EAA

30%

#136C92

40%

#105A7A

50%

#0D4861

60%

#0A3649

70%

#062431

80%

#031218

90%

#000000

100%

Related Colors

Complementary Color

#F35F20

Opposite on color wheel

Split-Complementary Colors

#F3204A, #F3C920

Adjacent to complementary color

Analogous Colors

#20F3C9, #204AF3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F320B4, #B4F320

Three colors equally spaced (120° apart)

Tetradic Colors

#5F20F3, #F35F20, #B4F320

Rectangle on color wheel (90° apart)

Square Colors

#C920F3, #F35F20, #4AF320

Four colors equally spaced (90° apart)

Monochromatic Variations

#E2F5FD, #81D5F8, #0976A5, #043144

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#20B4F3

#20F394

#2B20F3

#F35F20

#F3C920

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

Triadic + Accent

#20B4F3

#F320B4

#B4F320

#A581F8

#09A537

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

Monochromatic + Split Complementary

#20B4F3

#99DDFA

#07658D

#F3204A

#F3C920

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

#20B4F3

RGB Values

32, 180, 243

HSL Values

198°, 90%, 54%