color #7DA5DC | Chroma Seek

#7DA5DC

Color Information

Hex Code

#7DA5DC

RGB

125, 165, 220

HSL

215°, 58%, 68%

CSS

#7DA5DC

Color Tints

Lighter variations of #7DA5DC

#7DA5DC

#8AAEE0

10%

#97B7E3

20%

#A4C0E7

30%

#B1C9EA

40%

#BED2EE

50%

#CBDBF1

60%

#D8E4F5

70%

#E5EDF8

80%

#F2F6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #7DA5DC

#7DA5DC

#7195C6

10%

#6484B0

20%

#58739A

30%

#4B6384

40%

#3F536E

50%

#324258

60%

#263242

70%

#19212C

80%

#0D1116

90%

#000000

100%

Related Colors

Complementary Color

#DDB57E

Opposite on color wheel

Split-Complementary Colors

#DD867E, #D5DD7E

Adjacent to complementary color

Analogous Colors

#7ED5DD, #867EDD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DD7EA6, #A6DD7E

Three colors equally spaced (120° apart)

Tetradic Colors

#B57EDD, #DDB57E, #A6DD7E

Rectangle on color wheel (90° apart)

Square Colors

#DD7ED5, #DDB57E, #7EDD86

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CFDDF2, #336FC1, #1E4071

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7DA5DC

#7EDDCD

#9E7EDD

#DDB57E

#D5DD7E

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

Triadic + Accent

#7DA5DC

#DD7EA6

#A6DD7E

#D1AEEA

#33C186

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

Monochromatic + Split Complementary

#7DA5DC

#C3D5EF

#2E63AD

#DD867E

#D5DD7E

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

#7DA5DC

RGB Values

125, 165, 220

HSL Values

215°, 58%, 68%