color #457AD6 | Chroma Seek

#457AD6

Color Information

Hex Code

#457AD6

RGB

69, 122, 214

HSL

218°, 64%, 55%

CSS

#457AD6

Color Tints

Lighter variations of #457AD6

#457AD6

#5887DA

10%

#6A95DE

20%

#7DA2E2

30%

#8FAFE6

40%

#A2BDEB

50%

#B5CAEF

60%

#C7D7F3

70%

#DAE4F7

80%

#ECF2FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #457AD6

#457AD6

#3E6EC1

10%

#3762AB

20%

#305596

30%

#294980

40%

#233D6B

50%

#1C3156

60%

#152540

70%

#0E182B

80%

#070C15

90%

#000000

100%

Related Colors

Complementary Color

#D6A043

Opposite on color wheel

Split-Complementary Colors

#D65643, #C2D643

Adjacent to complementary color

Analogous Colors

#43C2D6, #5643D6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D64379, #79D643

Three colors equally spaced (120° apart)

Tetradic Colors

#A043D6, #D6A043, #79D643

Rectangle on color wheel (90° apart)

Square Colors

#D643C2, #D6A043, #43D656

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAF0FA, #96B4E8, #204A92, #0E203F

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #457AD6. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#457AD6

#43D6C5

#7B43D6

#D6A043

#C2D643

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

Triadic + Accent

#457AD6

#D64379

#79D643

#CA96E8

#209268

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

Monochromatic + Split Complementary

#457AD6

#ABC3ED

#1C3F7D

#D65643

#C2D643

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

#457AD6

RGB Values

69, 122, 214

HSL Values

218°, 64%, 55%