#5697F2

86, 151, 242

#5697F2

Custom color #5697F2 with RGB values 86, 151, 242.

HEX#5697F2

RGB86, 151, 242

HSL215°, 86%, 64%

CMYK64%, 38%, 0%, 5%

CSS Variable--color: #5697f2;

Use in Generator Check Contrast View on Wheel

Shades of #5697F2

#d0e2fb

#a0c5f8

#71a8f4

#428af0

#126ded

#0f57bd

#0b428e

#072c5f

#04162f

Tints of #5697F2

#5697f2

#68a2f3

#7aadf5

#8cb9f6

#9fc4f8

#b1cff9

#c3dafa

#d5e5fc

#e7f0fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.96:1

AA NormalFailAAAFail

Sample Text

On Black7.10:1

AA NormalPassAAAPass

Full contrast analysis →