color #48AAF1 | Chroma Seek

#48AAF1

Color Information

Hex Code

#48AAF1

RGB

72, 170, 241

HSL

205°, 86%, 61%

CSS

#48AAF1

Color Tints

Lighter variations of #48AAF1

#48AAF1

#5AB3F2

10%

#6DBBF4

20%

#7FC4F5

30%

#91CCF7

40%

#A4D5F8

50%

#B6DDF9

60%

#C8E6FB

70%

#DAEEFC

80%

#EDF7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #48AAF1

#48AAF1

#4199D9

10%

#3A88C1

20%

#3277A9

30%

#2B6691

40%

#245579

50%

#1D4460

60%

#163348

70%

#0E2230

80%

#071118

90%

#000000

100%

Related Colors

Complementary Color

#F18D46

Opposite on color wheel

Split-Complementary Colors

#F14654, #F1E346

Adjacent to complementary color

Analogous Colors

#46F1E3, #4654F1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F146AA, #AAF146

Three colors equally spaced (120° apart)

Tetradic Colors

#8D46F1, #F18D46, #AAF146

Rectangle on color wheel (90° apart)

Square Colors

#E346F1, #F18D46, #54F146

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A5D5F8, #0F78C2, #073D64

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#48AAF1

#46F1B8

#6346F1

#F18D46

#F1E346

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

Triadic + Accent

#48AAF1

#F146AA

#AAF146

#C5A0F8

#0FC25A

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

Monochromatic + Split Complementary

#48AAF1

#B8DEFA

#0D69AB

#F14654

#F1E346

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

#48AAF1

RGB Values

72, 170, 241

HSL Values

205°, 86%, 61%