color #24C4F5 | Chroma Seek

#24C4F5

Color Information

Hex Code

#24C4F5

RGB

36, 196, 245

HSL

194°, 91%, 55%

CSS

#24C4F5

Color Tints

Lighter variations of #24C4F5

#24C4F5

#3ACAF6

10%

#50D0F7

20%

#66D6F8

30%

#7CDCF9

40%

#92E2FA

50%

#A7E7FB

60%

#BDEDFC

70%

#D3F3FD

80%

#E9F9FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #24C4F5

#24C4F5

#20B0DD

10%

#1D9DC4

20%

#1989AC

30%

#167693

40%

#12627B

50%

#0E4E62

60%

#0B3B4A

70%

#072731

80%

#041419

90%

#000000

100%

Related Colors

Complementary Color

#F55524

Opposite on color wheel

Split-Complementary Colors

#F5245C, #F5BD24

Adjacent to complementary color

Analogous Colors

#24F5BD, #245CF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F524C4, #C4F524

Three colors equally spaced (120° apart)

Tetradic Colors

#5524F5, #F55524, #C4F524

Rectangle on color wheel (90° apart)

Square Colors

#BD24F5, #F55524, #5CF524

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7F8FE, #85DEF9, #0885AA, #033949

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #24C4F5. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#24C4F5

#24F589

#2427F5

#F55524

#F5BD24

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

Triadic + Accent

#24C4F5

#F524C4

#C4F524

#A085F9

#08AA2E

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

Monochromatic + Split Complementary

#24C4F5

#9EE5FA

#077292

#F5245C

#F5BD24

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

#24C4F5

RGB Values

36, 196, 245

HSL Values

194°, 91%, 55%