color #45B6FD | Chroma Seek

#45B6FD

Color Information

Hex Code

#45B6FD

RGB

69, 182, 253

HSL

203°, 98%, 63%

CSS

#45B6FD

Color Tints

Lighter variations of #45B6FD

#45B6FD

#58BDFD

10%

#6AC5FD

20%

#7DCCFE

30%

#8FD3FE

40%

#A2DBFE

50%

#B5E2FE

60%

#C7E9FE

70%

#DAF0FF

80%

#ECF8FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #45B6FD

#45B6FD

#3EA4E4

10%

#3792CA

20%

#307FB1

30%

#296D98

40%

#235B7F

50%

#1C4965

60%

#15374C

70%

#0E2433

80%

#071219

90%

#000000

100%

Related Colors

Complementary Color

#FD8B44

Opposite on color wheel

Split-Complementary Colors

#FD445A, #FDE844

Adjacent to complementary color

Analogous Colors

#44FDE8, #445AFD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FD44B6, #B6FD44

Three colors equally spaced (120° apart)

Tetradic Colors

#8B44FD, #FD8B44, #B6FD44

Rectangle on color wheel (90° apart)

Square Colors

#E844FD, #FD8B44, #5AFD44

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A9DEFE, #0287D9, #014874

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #45B6FD. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#45B6FD

#44FDB9

#5D44FD

#FD8B44

#FDE844

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

Triadic + Accent

#45B6FD

#FD44B6

#B6FD44

#C09AFE

#02D955

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

Monochromatic + Split Complementary

#45B6FD

#B3E1FE

#0277C0

#FD445A

#FDE844

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

#45B6FD

RGB Values

69, 182, 253

HSL Values

203°, 98%, 63%