color #586AE2 | Chroma Seek

#586AE2

Color Information

Hex Code

#586AE2

RGB

88, 106, 226

HSL

232°, 70%, 62%

CSS

#586AE2

Color Tints

Lighter variations of #586AE2

#586AE2

#6979E5

10%

#7988E8

20%

#8A97EB

30%

#9BA6EE

40%

#ACB5F1

50%

#BCC3F3

60%

#CDD2F6

70%

#DEE1F9

80%

#EEF0FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #586AE2

#586AE2

#4F5FCB

10%

#4655B5

20%

#3E4A9E

30%

#354088

40%

#2C3571

50%

#232A5A

60%

#1A2044

70%

#12152D

80%

#090B17

90%

#000000

100%

Color Tones

Toned variations of #586AE2 (mixed with gray)

#586AE2

#5C6CD8

10%

#606ECE

20%

#6471C5

30%

#6873BB

40%

#6C75B1

50%

#7077A7

60%

#74799D

70%

#787C94

80%

#7C7E8A

90%

#808080

100%

Related Colors

Complementary Color

#E2D05A

Opposite on color wheel

Split-Complementary Colors

#E28C5A, #B0E25A

Adjacent to complementary color

Analogous Colors

#5AB0E2, #8C5AE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E25A6C, #6CE25A

Three colors equally spaced (120° apart)

Tetradic Colors

#D05AE2, #E2D05A, #6CE25A

Rectangle on color wheel (90° apart)

Square Colors

#E25AB0, #E2D05A, #5AE28C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1BAF1, #2034B6, #111B5F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#586AE2

#5AD2E2

#AE5AE2

#E2D05A

#B0E25A

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

Triadic + Accent

#586AE2

#E25A6C

#6CE25A

#E6A8F0

#20B6A2

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

Monochromatic + Split Complementary

#586AE2

#BEC5F4

#1C2EA0

#E28C5A

#B0E25A

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

#586AE2

RGB Values

88, 106, 226

HSL Values

232°, 70%, 62%