#5695E2

86, 149, 226

#5695E2

Custom color #5695E2 with RGB values 86, 149, 226.

HEX#5695E2

RGB86, 149, 226

HSL213°, 71%, 61%

CMYK62%, 34%, 0%, 11%

CSS Variable--color: #5695e2;

Use in Generator Check Contrast View on Wheel

Shades of #5695E2

#d3e4f8

#a8c8f0

#7cade9

#5192e1

#2576da

#1e5fae

#164783

#0f2f57

#07182c

Tints of #5695E2

#5695e2

#68a1e5

#7bace8

#8db8eb

#a0c3ef

#b2cff2

#c4daf5

#d7e6f8

#e9f1fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.09:1

AA NormalFailAAAFail

Sample Text

On Black6.79:1

AA NormalPassAAAFail

Full contrast analysis →