#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 GeneratorCheck ContrastView 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
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.81:1
AA NormalFailAAAFail

Sample Text

On Black7.47:1
AA NormalPassAAAPass
Full contrast analysis →