#48A5C6

72, 165, 198

#48A5C6

Custom color #48A5C6 with RGB values 72, 165, 198.

HEX#48A5C6

RGB72, 165, 198

HSL196°, 53%, 53%

CMYK64%, 17%, 0%, 22%

CSS Variable--color: #48a5c6;

Use in Generator Check Contrast View on Wheel

Shades of #48A5C6

#d8ecf3

#b1d9e7

#8ac6db

#63b2cf

#3d9fc2

#307f9c

#246075

#18404e

#0c2027

Tints of #48A5C6

#48a5c6

#5cafcc

#71b9d3

#85c3d9

#9acddf

#aed7e6

#c3e1ec

#d7ebf3

#ecf5f9

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.81:1

AA NormalFailAAAFail

Sample Text

On Black7.47:1

AA NormalPassAAAPass

Full contrast analysis →