color #5478E4 | Chroma Seek

#5478E4

Color Information

Hex Code

#5478E4

RGB

84, 120, 228

HSL

225°, 73%, 61%

CSS

#5478E4

Color Tints

Lighter variations of #5478E4

#5478E4

#6586E7

10%

#7693E9

20%

#87A1EC

30%

#98AEEF

40%

#AABCF2

50%

#BBC9F4

60%

#CCD7F7

70%

#DDE4FA

80%

#EEF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5478E4

#5478E4

#4C6CCD

10%

#4360B6

20%

#3B54A0

30%

#324889

40%

#2A3C72

50%

#22305B

60%

#192444

70%

#11182E

80%

#080C17

90%

#000000

100%

Related Colors

Complementary Color

#E4C053

Opposite on color wheel

Split-Complementary Colors

#E47753, #C0E453

Adjacent to complementary color

Analogous Colors

#53C0E4, #7753E4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E45377, #77E453

Three colors equally spaced (120° apart)

Tetradic Colors

#C053E4, #E4C053, #77E453

Rectangle on color wheel (90° apart)

Square Colors

#E453C0, #E4C053, #53E477

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ABBDF2, #1C42B5, #0E225D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5478E4

#53E4E4

#9C53E4

#E4C053

#C0E453

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

Triadic + Accent

#5478E4

#E45377

#77E453

#DFA7F1

#1CB58F

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

Monochromatic + Split Complementary

#5478E4

#BDCBF5

#193A9F

#E47753

#C0E453

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

#5478E4

RGB Values

84, 120, 228

HSL Values

225°, 73%, 61%