color #48A4D9 | Chroma Seek

#48A4D9

Color Information

Hex Code

#48A4D9

RGB

72, 164, 217

HSL

202°, 66%, 57%

CSS

#48A4D9

Color Tints

Lighter variations of #48A4D9

#48A4D9

#5AADDD

10%

#6DB6E1

20%

#7FBFE4

30%

#91C8E8

40%

#A4D2EC

50%

#B6DBF0

60%

#C8E4F4

70%

#DAEDF7

80%

#EDF6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #48A4D9

#48A4D9

#4194C3

10%

#3A83AE

20%

#327398

30%

#2B6282

40%

#24526D

50%

#1D4257

60%

#163141

70%

#0E212B

80%

#071016

90%

#000000

100%

Related Colors

Complementary Color

#DA7E49

Opposite on color wheel

Split-Complementary Colors

#DA495C, #DAC649

Adjacent to complementary color

Analogous Colors

#49DAC6, #495CDA

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DA49A5, #A5DA49

Three colors equally spaced (120° apart)

Tetradic Colors

#7E49DA, #DA7E49, #A5DA49

Rectangle on color wheel (90° apart)

Square Colors

#C649DA, #DA7E49, #5CDA49

Four colors equally spaced (90° apart)

Monochromatic Variations

#F2F9FC, #9ECFEB, #206F9D, #0F3348

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#48A4D9

#49DAA2

#5A49DA

#DA7E49

#DAC649

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

Triadic + Accent

#48A4D9

#DA49A5

#A5DA49

#BA9EEB

#209D4E

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

Monochromatic + Split Complementary

#48A4D9

#B3D9EF

#1C6087

#DA495C

#DAC649

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

#48A4D9

RGB Values

72, 164, 217

HSL Values

202°, 66%, 57%