#5674F2

86, 116, 242

#5674F2

Custom color #5674F2 with RGB values 86, 116, 242.

HEX#5674F2

RGB86, 116, 242

HSL228°, 86%, 64%

CMYK64%, 52%, 0%, 5%

CSS Variable--color: #5674f2;

Use in Generator Check Contrast View on Wheel

Shades of #5674F2

#d0d8fb

#a0b1f8

#718af4

#4263f0

#123ced

#0f30bd

#0b248e

#07185f

#040c2f

Tints of #5674F2

#5674f2

#6883f3

#7a92f5

#8ca1f6

#9fb0f8

#b1bff9

#c3cefa

#d5ddfc

#e7ecfd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.06:1

AA NormalFailAAAFail

Sample Text

On Black5.18:1

AA NormalPassAAAFail

Full contrast analysis →