color #5DA5D5 | Chroma Seek

#5DA5D5

Color Information

Hex Code

#5DA5D5

RGB

93, 165, 213

HSL

204°, 59%, 60%

CSS

#5DA5D5

Color Tints

Lighter variations of #5DA5D5

#5DA5D5

#6DAED9

10%

#7DB7DD

20%

#8EC0E2

30%

#9EC9E6

40%

#AED2EA

50%

#BEDBEE

60%

#CEE4F2

70%

#DFEDF7

80%

#EFF6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #5DA5D5

#5DA5D5

#5495C0

10%

#4A84AA

20%

#417395

30%

#386380

40%

#2F536B

50%

#254255

60%

#1C3240

70%

#13212B

80%

#091115

90%

#000000

100%

Related Colors

Complementary Color

#D58D5D

Opposite on color wheel

Split-Complementary Colors

#D55D69, #D5C95D

Adjacent to complementary color

Analogous Colors

#5DD5C9, #5D69D5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D55DA5, #A5D55D

Three colors equally spaced (120° apart)

Tetradic Colors

#8D5DD5, #D58D5D, #A5D55D

Rectangle on color wheel (90° apart)

Square Colors

#C95DD5, #D58D5D, #69D55D

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #AED2EA, #2A72A2, #153951

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5DA5D5

#5DD5AB

#6F5DD5

#D58D5D

#D5C95D

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

Triadic + Accent

#5DA5D5

#D55DA5

#A5D55D

#C6AEEA

#2AA25A

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

Monochromatic + Split Complementary

#5DA5D5

#C2DDEF

#25648E

#D55D69

#D5C95D

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

#5DA5D5

RGB Values

93, 165, 213

HSL Values

204°, 59%, 60%