#48A5E2

72, 165, 226

#48A5E2

Custom color #48A5E2 with RGB values 72, 165, 226.

HEX#48A5E2

RGB72, 165, 226

HSL204°, 73%, 58%

CMYK68%, 27%, 0%, 11%

CSS Variable--color: #48a5e2;

Use in Generator Check Contrast View on Wheel

Shades of #48A5E2

#d3e9f8

#a7d4f1

#7bbeea

#4fa8e3

#2393dc

#1c75b0

#155884

#0e3b58

#071d2c

Tints of #48A5E2

#48a5e2

#5cafe5

#70b9e8

#84c3ec

#98cdef

#add6f2

#c1e0f5

#d5eaf8

#e9f4fc

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.71:1

AA NormalFailAAAFail

Sample Text

On Black7.76:1

AA NormalPassAAAPass

Full contrast analysis →