color #48A6DC | Chroma Seek

#48A6DC

Color Information

Hex Code

#48A6DC

RGB

72, 166, 220

HSL

202°, 68%, 57%

CSS

#48A6DC

Color Tints

Lighter variations of #48A6DC

#48A6DC

#5AAFE0

10%

#6DB8E3

20%

#7FC1E7

30%

#91CAEA

40%

#A4D3EE

50%

#B6DBF1

60%

#C8E4F5

70%

#DAEDF8

80%

#EDF6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #48A6DC

#48A6DC

#4195C6

10%

#3A85B0

20%

#32749A

30%

#2B6484

40%

#24536E

50%

#1D4258

60%

#163242

70%

#0E212C

80%

#071116

90%

#000000

100%

Related Colors

Complementary Color

#DC7D47

Opposite on color wheel

Split-Complementary Colors

#DC475B, #DCC847

Adjacent to complementary color

Analogous Colors

#47DCC8, #475BDC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DC47A5, #A5DC47

Three colors equally spaced (120° apart)

Tetradic Colors

#7D47DC, #DC7D47, #A5DC47

Rectangle on color wheel (90° apart)

Square Colors

#C847DC, #DC7D47, #5BDC47

Four colors equally spaced (90° apart)

Monochromatic Variations

#F2F9FD, #9CCFEC, #1E6F9F, #0E3349

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #48A6DC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#48A6DC

#47DCA3

#5847DC

#DC7D47

#DCC847

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

Triadic + Accent

#48A6DC

#DC47A5

#A5DC47

#BA9CEC

#1E9F4D

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

Monochromatic + Split Complementary

#48A6DC

#B2D9F0

#1A6089

#DC475B

#DCC847

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

#48A6DC

RGB Values

72, 166, 220

HSL Values

202°, 68%, 57%