color #5483E3 | Chroma Seek

#5483E3

Color Information

Hex Code

#5483E3

RGB

84, 131, 227

HSL

220°, 72%, 61%

CSS

#5483E3

Color Tints

Lighter variations of #5483E3

#5483E3

#658FE6

10%

#769CE9

20%

#87A8EB

30%

#98B5EE

40%

#AAC1F1

50%

#BBCDF4

60%

#CCDAF7

70%

#DDE6F9

80%

#EEF3FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5483E3

#5483E3

#4C76CC

10%

#4369B6

20%

#3B5C9F

30%

#324F88

40%

#2A4272

50%

#22345B

60%

#192744

70%

#111A2D

80%

#080D17

90%

#000000

100%

Related Colors

Complementary Color

#E3B354

Opposite on color wheel

Split-Complementary Colors

#E36C54, #CBE354

Adjacent to complementary color

Analogous Colors

#54CBE3, #6C54E3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E35484, #84E354

Three colors equally spaced (120° apart)

Tetradic Colors

#B354E3, #E3B354, #84E354

Rectangle on color wheel (90° apart)

Square Colors

#E354CB, #E3B354, #54E36C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ACC3F1, #1D4FB4, #0F295C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5483E3

#54E3D7

#9054E3

#E3B354

#CBE354

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

Triadic + Accent

#5483E3

#E35484

#84E354

#D8A7F1

#1DB482

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

Monochromatic + Split Complementary

#5483E3

#BDD0F4

#1A469E

#E36C54

#CBE354

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

#5483E3

RGB Values

84, 131, 227

HSL Values

220°, 72%, 61%