#3696F1

54, 150, 241

#3696F1

Custom color #3696F1 with RGB values 54, 150, 241.

HEX#3696F1

RGB54, 150, 241

HSL209°, 87%, 58%

CMYK78%, 38%, 0%, 5%

CSS Variable--color: #3696f1;

Use in Generator Check Contrast View on Wheel

Shades of #3696F1

#cfe6fc

#a0cdf8

#70b4f5

#409bf2

#1182ee

#0d68bf

#0a4e8f

#07345f

#031a30

Tints of #3696F1

#3696f1

#4ca2f3

#62adf4

#78b9f6

#8fc4f7

#a5d0f9

#bbdbfa

#d1e7fc

#e7f3fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.09:1

AA NormalFailAAAFail

Sample Text

On Black6.79:1

AA NormalPassAAAFail

Full contrast analysis →