color #5D85E2 | Chroma Seek

#5D85E2

Color Information

Hex Code

#5D85E2

RGB

93, 133, 226

HSL

222°, 70%, 63%

CSS

#5D85E2

Color Tints

Lighter variations of #5D85E2

#5D85E2

#6D91E5

10%

#7D9DE8

20%

#8EAAEB

30%

#9EB6EE

40%

#AEC2F1

50%

#BECEF3

60%

#CEDAF6

70%

#DFE7F9

80%

#EFF3FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5D85E2

#5D85E2

#5478CB

10%

#4A6AB5

20%

#415D9E

30%

#385088

40%

#2F4371

50%

#25355A

60%

#1C2844

70%

#131B2D

80%

#090D17

90%

#000000

100%

Related Colors

Complementary Color

#E3BB5F

Opposite on color wheel

Split-Complementary Colors

#E3795F, #C8E35F

Adjacent to complementary color

Analogous Colors

#5FC8E3, #795FE3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E35F86, #86E35F

Three colors equally spaced (120° apart)

Tetradic Colors

#BB5FE3, #E3BB5F, #86E35F

Rectangle on color wheel (90° apart)

Square Colors

#E35FC8, #E3BB5F, #5FE379

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B5C8F2, #214FBA, #122A64

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5D85E2

#5FE3DC

#9A5FE3

#E3BB5F

#C8E35F

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

Triadic + Accent

#5D85E2

#E35F86

#86E35F

#DAA8F0

#21BA8C

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

Monochromatic + Split Complementary

#5D85E2

#BECEF4

#1D46A5

#E3795F

#C8E35F

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

#5D85E2

RGB Values

93, 133, 226

HSL Values

222°, 70%, 63%