#56B4F2

86, 180, 242

#56B4F2

Custom color #56B4F2 with RGB values 86, 180, 242.

HEX#56B4F2
RGB86, 180, 242
HSL204°, 86%, 64%
CMYK64%, 26%, 0%, 5%
CSS Variable--color: #56b4f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56B4F2

#d0eafb

#a0d5f8

#71c0f4

#42abf0

#1296ed

#0f78bd

#0b5a8e

#073c5f

#041e2f

Tints of #56B4F2

#56b4f2

#68bcf3

#7ac4f5

#8cccf6

#9fd4f8

#b1dcf9

#c3e4fa

#d5ecfc

#e7f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.28:1
AA NormalFailAAAFail

Sample Text

On Black9.21:1
AA NormalPassAAAPass
Full contrast analysis →