color #7DABED | Chroma Seek

#7DABED

Color Information

Hex Code

#7DABED

RGB

125, 171, 237

HSL

215°, 76%, 71%

CSS

#7DABED

Color Tints

Lighter variations of #7DABED

#7DABED

#8AB3EF

10%

#97BCF1

20%

#A4C4F2

30%

#B1CDF4

40%

#BED5F6

50%

#CBDDF8

60%

#D8E6FA

70%

#E5EEFB

80%

#F2F7FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #7DABED

#7DABED

#719AD5

10%

#6489BE

20%

#5878A6

30%

#4B678E

40%

#3F5677

50%

#32445F

60%

#263347

70%

#19222F

80%

#0D1118

90%

#000000

100%

Related Colors

Complementary Color

#EDBE7D

Opposite on color wheel

Split-Complementary Colors

#ED867D, #E4ED7D

Adjacent to complementary color

Analogous Colors

#7DE4ED, #867DED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#ED7DAC, #ACED7D

Three colors equally spaced (120° apart)

Tetradic Colors

#BE7DED, #EDBE7D, #ACED7D

Rectangle on color wheel (90° apart)

Square Colors

#ED7DE4, #EDBE7D, #7DED86

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D7E5F9, #2372E1, #13458B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7DABED

#7DEDDB

#A27DED

#EDBE7D

#E4ED7D

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

Triadic + Accent

#7DABED

#ED7DAC

#ACED7D

#D2A5F3

#23E192

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

Monochromatic + Split Complementary

#7DABED

#BCD4F6

#1C66CE

#ED867D

#E4ED7D

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

#7DABED

RGB Values

125, 171, 237

HSL Values

215°, 76%, 71%