#48A5F0

72, 165, 240

#48A5F0

Custom color #48A5F0 with RGB values 72, 165, 240.

HEX#48A5F0

RGB72, 165, 240

HSL207°, 85%, 61%

CMYK70%, 31%, 0%, 6%

CSS Variable--color: #48a5f0;

Use in Generator Check Contrast View on Wheel

Shades of #48A5F0

#d0e8fb

#a1d1f7

#72b9f3

#42a2f0

#138bec

#0f6fbd

#0c538d

#08385e

#041c2f

Tints of #48A5F0

#48a5f0

#5caff2

#70b9f3

#84c2f5

#98ccf7

#acd6f8

#c0e0fa

#d4eafb

#e7f3fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.65:1

AA NormalFailAAAFail

Sample Text

On Black7.92:1

AA NormalPassAAAPass

Full contrast analysis →