color #5DA4B0 | Chroma Seek

#5DA4B0

Color Information

Hex Code

#5DA4B0

RGB

93, 164, 176

HSL

189°, 34%, 53%

CSS

#5DA4B0

Color Tints

Lighter variations of #5DA4B0

#5DA4B0

#6DADB8

10%

#7DB6C0

20%

#8EBFC8

30%

#9EC8D0

40%

#AED2D8

50%

#BEDBDF

60%

#CEE4E7

70%

#DFEDEF

80%

#EFF6F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #5DA4B0

#5DA4B0

#54949E

10%

#4A838D

20%

#41737B

30%

#38626A

40%

#2F5258

50%

#254246

60%

#1C3135

70%

#132123

80%

#091012

90%

#000000

100%

Related Colors

Complementary Color

#B06B5E

Opposite on color wheel

Split-Complementary Colors

#B05E7B, #B0935E

Adjacent to complementary color

Analogous Colors

#5EB093, #5E7BB0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B05EA4, #A4B05E

Three colors equally spaced (120° apart)

Tetradic Colors

#6B5EB0, #B06B5E, #A4B05E

Rectangle on color wheel (90° apart)

Square Colors

#935EB0, #B06B5E, #7BB05E

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7F1F3, #A3CBD2, #386871, #16292C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5DA4B0

#5EB07F

#5E67B0

#B06B5E

#B0935E

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

Triadic + Accent

#5DA4B0

#B05EA4

#A4B05E

#AAA3D2

#387140

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

Monochromatic + Split Complementary

#5DA4B0

#B4D4DA

#2F5860

#B05E7B

#B0935E

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

#5DA4B0

RGB Values

93, 164, 176

HSL Values

189°, 34%, 53%