color #48A5CD | Chroma Seek

#48A5CD

Color Information

Hex Code

#48A5CD

RGB

72, 165, 205

HSL

198°, 57%, 54%

CSS

#48A5CD

Color Tints

Lighter variations of #48A5CD

#48A5CD

#5AAED2

10%

#6DB7D7

20%

#7FC0DC

30%

#91C9E1

40%

#A4D2E6

50%

#B6DBEB

60%

#C8E4F0

70%

#DAEDF5

80%

#EDF6FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #48A5CD

#48A5CD

#4195B9

10%

#3A84A4

20%

#327390

30%

#2B637B

40%

#245367

50%

#1D4252

60%

#16323E

70%

#0E2129

80%

#071115

90%

#000000

100%

Related Colors

Complementary Color

#CD6F47

Opposite on color wheel

Split-Complementary Colors

#CD4762, #CDB247

Adjacent to complementary color

Analogous Colors

#47CDB2, #4762CD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CD47A4, #A4CD47

Three colors equally spaced (120° apart)

Tetradic Colors

#6F47CD, #CD6F47, #A4CD47

Rectangle on color wheel (90° apart)

Square Colors

#B247CD, #CD6F47, #62CD47

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7F3F8, #97CCE2, #256A88, #0F2C38

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#48A5CD

#47CD90

#4E47CD

#CD6F47

#CDB247

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

Triadic + Accent

#48A5CD

#CD47A4

#A4CD47

#AE97E2

#258843

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

Monochromatic + Split Complementary

#48A5CD

#ABD6E8

#205B74

#CD4762

#CDB247

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

#48A5CD

RGB Values

72, 165, 205

HSL Values

198°, 57%, 54%