#56C7F2

86, 199, 242

#56C7F2

Custom color #56C7F2 with RGB values 86, 199, 242.

HEX#56C7F2

RGB86, 199, 242

HSL197°, 86%, 64%

CMYK64%, 18%, 0%, 5%

CSS Variable--color: #56c7f2;

Use in Generator Check Contrast View on Wheel

Shades of #56C7F2

#d0effb

#a0e0f8

#71d0f4

#42c0f0

#12b1ed

#0f8dbd

#0b6a8e

#07475f

#04232f

Tints of #56C7F2

#56c7f2

#68cdf3

#7ad3f5

#8cd9f6

#9fdff8

#b1e5f9

#c3ebfa

#d5f1fc

#e7f7fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White1.94:1

AA NormalFailAAAFail

Sample Text

On Black10.85:1

AA NormalPassAAAPass

Full contrast analysis →