color #7ED1F5 | Chroma Seek

#7ED1F5

Color Information

Hex Code

#7ED1F5

RGB

126, 209, 245

HSL

198°, 86%, 73%

CSS

#7ED1F5

Color Tints

Lighter variations of #7ED1F5

#7ED1F5

#8BD6F6

10%

#98DAF7

20%

#A5DFF8

30%

#B2E3F9

40%

#BFE8FA

50%

#CBEDFB

60%

#D8F1FC

70%

#E5F6FD

80%

#F2FAFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #7ED1F5

#7ED1F5

#71BCDD

10%

#65A7C4

20%

#5892AC

30%

#4C7D93

40%

#3F697B

50%

#325462

60%

#263F4A

70%

#192A31

80%

#0D1519

90%

#000000

100%

Related Colors

Complementary Color

#F5A27F

Opposite on color wheel

Split-Complementary Colors

#F57F97, #F5DE7F

Adjacent to complementary color

Analogous Colors

#7FF5DE, #7F97F5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F57FD2, #D2F57F

Three colors equally spaced (120° apart)

Tetradic Colors

#A27FF5, #F5A27F, #D2F57F

Rectangle on color wheel (90° apart)

Square Colors

#DE7FF5, #F5A27F, #97F57F

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #DEF3FD, #20B0EE, #0C719D

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #7ED1F5. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#7ED1F5

#7FF5C0

#857FF5

#F5A27F

#F5DE7F

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

Triadic + Accent

#7ED1F5

#F57FD2

#D2F57F

#BAA0F8

#20EE5E

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

Monochromatic + Split Complementary

#7ED1F5

#B8E6FA

#11A5E4

#F57F97

#F5DE7F

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

#7ED1F5

RGB Values

126, 209, 245

HSL Values

198°, 86%, 73%