color #2158E4 | Chroma Seek

#2158E4

Color Information

Hex Code

#2158E4

RGB

33, 88, 228

HSL

223°, 78%, 51%

CSS

#2158E4

Color Tints

Lighter variations of #2158E4

#2158E4

#3769E7

10%

#4D79E9

20%

#648AEC

30%

#7A9BEF

40%

#90ACF2

50%

#A6BCF4

60%

#BCCDF7

70%

#D3DEFA

80%

#E9EEFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #2158E4

#2158E4

#1E4FCD

10%

#1A46B6

20%

#173EA0

30%

#143589

40%

#112C72

50%

#0D235B

60%

#0A1A44

70%

#07122E

80%

#030917

90%

#000000

100%

Related Colors

Complementary Color

#E4AC21

Opposite on color wheel

Split-Complementary Colors

#E44B21, #B9E421

Adjacent to complementary color

Analogous Colors

#21B9E4, #4B21E4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E42158, #58E421

Three colors equally spaced (120° apart)

Tetradic Colors

#AC21E4, #E4AC21, #58E421

Rectangle on color wheel (90° apart)

Square Colors

#E421B9, #E4AC21, #21E44B

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6E0FA, #7B9CEF, #11348D, #061332

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2158E4

#21E4DD

#7C21E4

#E4AC21

#B9E421

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

Triadic + Accent

#2158E4

#E42158

#58E421

#CE7BEF

#118D6A

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

Monochromatic + Split Complementary

#2158E4

#92ADF2

#0F2C76

#E44B21

#B9E421

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

#2158E4

RGB Values

33, 88, 228

HSL Values

223°, 78%, 51%