#3696F2

54, 150, 242

#3696F2

Custom color #3696F2 with RGB values 54, 150, 242.

HEX#3696F2

RGB54, 150, 242

HSL209°, 88%, 58%

CMYK78%, 38%, 0%, 5%

CSS Variable--color: #3696f2;

Use in Generator Check Contrast View on Wheel

Shades of #3696F2

#cfe6fc

#9fcdf9

#6fb4f6

#3f9bf3

#0f82f0

#0c68c0

#094e90

#063460

#031a30

Tints of #3696F2

#3696f2

#4ca2f3

#62adf5

#78b9f6

#8fc4f8

#a5d0f9

#bbdbfb

#d1e7fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.09:1

AA NormalFailAAAFail

Sample Text

On Black6.80:1

AA NormalPassAAAFail

Full contrast analysis →