#5682F2

86, 130, 242

#5682F2

Custom color #5682F2 with RGB values 86, 130, 242.

HEX#5682F2

RGB86, 130, 242

HSL223°, 86%, 64%

CMYK64%, 46%, 0%, 5%

CSS Variable--color: #5682f2;

Use in Generator Check Contrast View on Wheel

Shades of #5682F2

#d0dcfb

#a0b9f8

#7196f4

#4273f0

#1250ed

#0f40bd

#0b308e

#07205f

#04102f

Tints of #5682F2

#5682f2

#688ff3

#7a9df5

#8caaf6

#9fb8f8

#b1c5f9

#c3d3fa

#d5e0fc

#e7edfd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.58:1

AA NormalFailAAAFail

Sample Text

On Black5.87:1

AA NormalPassAAAFail

Full contrast analysis →