color #30BCFD | Chroma Seek

#30BCFD

Color Information

Hex Code

#30BCFD

RGB

48, 188, 253

HSL

199°, 98%, 59%

CSS

#30BCFD

Color Tints

Lighter variations of #30BCFD

#30BCFD

#45C3FD

10%

#59C9FD

20%

#6ED0FE

30%

#83D7FE

40%

#98DEFE

50%

#ACE4FE

60%

#C1EBFE

70%

#D6F2FF

80%

#EAF8FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #30BCFD

#30BCFD

#2BA9E4

10%

#2696CA

20%

#2284B1

30%

#1D7198

40%

#185E7F

50%

#134B65

60%

#0E384C

70%

#0A2633

80%

#051319

90%

#000000

100%

Related Colors

Complementary Color

#FD7130

Opposite on color wheel

Split-Complementary Colors

#FD3056, #FDD730

Adjacent to complementary color

Analogous Colors

#30FDD7, #3056FD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FD30BC, #BCFD30

Three colors equally spaced (120° apart)

Tetradic Colors

#7130FD, #FD7130, #BCFD30

Rectangle on color wheel (90° apart)

Square Colors

#D730FD, #FD7130, #56FD30

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAFDFF, #95DDFE, #0287C5, #014260

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#30BCFD

#30FDA4

#3E30FD

#FD7130

#FDD730

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

Triadic + Accent

#30BCFD

#FD30BC

#BCFD30

#B695FE

#02C540

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

Monochromatic + Split Complementary

#30BCFD

#AEE5FE

#0276AC

#FD3056

#FDD730

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

#30BCFD

RGB Values

48, 188, 253

HSL Values

199°, 98%, 59%