#5685F2

86, 133, 242

#5685F2

Custom color #5685F2 with RGB values 86, 133, 242.

HEX#5685F2

RGB86, 133, 242

HSL222°, 86%, 64%

CMYK64%, 45%, 0%, 5%

CSS Variable--color: #5685f2;

Use in Generator Check Contrast View on Wheel

Shades of #5685F2

#d0ddfb

#a0bbf8

#7198f4

#4276f0

#1254ed

#0f43bd

#0b328e

#07225f

#04112f

Tints of #5685F2

#5685f2

#6892f3

#7a9ff5

#8cacf6

#9fb9f8

#b1c7f9

#c3d4fa

#d5e1fc

#e7eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.48:1

AA NormalFailAAAFail

Sample Text

On Black6.03:1

AA NormalPassAAAFail

Full contrast analysis →