color #5DA3D3 | Chroma Seek

#5DA3D3

Color Information

Hex Code

#5DA3D3

RGB

93, 163, 211

HSL

204°, 57%, 60%

CSS

#5DA3D3

Color Tints

Lighter variations of #5DA3D3

#5DA3D3

#6DACD7

10%

#7DB5DC

20%

#8EBFE0

30%

#9EC8E5

40%

#AED1E9

50%

#BEDAED

60%

#CEE3F2

70%

#DFEDF6

80%

#EFF6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #5DA3D3

#5DA3D3

#5493BE

10%

#4A82A9

20%

#417294

30%

#38627F

40%

#2F526A

50%

#254154

60%

#1C313F

70%

#13212A

80%

#091015

90%

#000000

100%

Related Colors

Complementary Color

#D38D5F

Opposite on color wheel

Split-Complementary Colors

#D35F6A, #D3C85F

Adjacent to complementary color

Analogous Colors

#5FD3C8, #5F6AD3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D35FA5, #A5D35F

Three colors equally spaced (120° apart)

Tetradic Colors

#8D5FD3, #D38D5F, #A5D35F

Rectangle on color wheel (90° apart)

Square Colors

#C85FD3, #D38D5F, #6AD35F

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #AFD2E9, #2C72A0, #163950

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5DA3D3

#5FD3AA

#705FD3

#D38D5F

#D3C85F

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

Triadic + Accent

#5DA3D3

#D35FA5

#A5D35F

#C6AFE9

#2CA05A

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

Monochromatic + Split Complementary

#5DA3D3

#C3DDEF

#26638C

#D35F6A

#D3C85F

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

#5DA3D3

RGB Values

93, 163, 211

HSL Values

204°, 57%, 60%