color #5672E4 | Chroma Seek

#5672E4

Color Information

Hex Code

#5672E4

RGB

86, 114, 228

HSL

228°, 72%, 62%

CSS

#5672E4

Color Tints

Lighter variations of #5672E4

#5672E4

#6780E7

10%

#788EE9

20%

#899CEC

30%

#9AAAEF

40%

#ABB9F2

50%

#BBC7F4

60%

#CCD5F7

70%

#DDE3FA

80%

#EEF1FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5672E4

#5672E4

#4D67CD

10%

#455BB6

20%

#3C50A0

30%

#344489

40%

#2B3972

50%

#222E5B

60%

#1A2244

70%

#11172E

80%

#090B17

90%

#000000

100%

Related Colors

Complementary Color

#E4C858

Opposite on color wheel

Split-Complementary Colors

#E48258, #BAE458

Adjacent to complementary color

Analogous Colors

#58BAE4, #8258E4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E45874, #74E458

Three colors equally spaced (120° apart)

Tetradic Colors

#C858E4, #E4C858, #74E458

Rectangle on color wheel (90° apart)

Square Colors

#E458BA, #E4C858, #58E482

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B0BDF2, #1E3DB8, #102060

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5672E4

#58DDE4

#A558E4

#E4C858

#BAE458

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

Triadic + Accent

#5672E4

#E45874

#74E458

#E2A7F1

#1EB899

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

Monochromatic + Split Complementary

#5672E4

#BDC8F4

#1A36A2

#E48258

#BAE458

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

#5672E4

RGB Values

86, 114, 228

HSL Values

228°, 72%, 62%