color #45AADF | Chroma Seek

#45AADF

Color Information

Hex Code

#45AADF

RGB

69, 170, 223

HSL

201°, 71%, 57%

CSS

#45AADF

Color Tints

Lighter variations of #45AADF

#45AADF

#58B3E2

10%

#6ABBE5

20%

#7DC4E9

30%

#8FCCEC

40%

#A2D5EF

50%

#B5DDF2

60%

#C7E6F5

70%

#DAEEF9

80%

#ECF7FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #45AADF

#45AADF

#3E99C9

10%

#3788B2

20%

#30779C

30%

#296686

40%

#235570

50%

#1C4459

60%

#153343

70%

#0E222D

80%

#071116

90%

#000000

100%

Related Colors

Complementary Color

#DF7A43

Opposite on color wheel

Split-Complementary Colors

#DF435B, #DFC843

Adjacent to complementary color

Analogous Colors

#43DFC8, #435BDF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DF43A9, #A9DF43

Three colors equally spaced (120° apart)

Tetradic Colors

#7A43DF, #DF7A43, #A9DF43

Rectangle on color wheel (90° apart)

Square Colors

#C843DF, #DF7A43, #5BDF43

Four colors equally spaced (90° apart)

Monochromatic Variations

#F2F9FD, #9BD1EE, #1B72A1, #0D354A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#45AADF

#43DFA1

#5343DF

#DF7A43

#DFC843

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

Triadic + Accent

#45AADF

#DF43A9

#A9DF43

#B89BEE

#1BA14A

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

Monochromatic + Split Complementary

#45AADF

#B1DBF2

#18638C

#DF435B

#DFC843

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

#45AADF

RGB Values

69, 170, 223

HSL Values

201°, 71%, 57%