#3686F1

54, 134, 241

#3686F1

Custom color #3686F1 with RGB values 54, 134, 241.

HEX#3686F1

RGB54, 134, 241

HSL214°, 87%, 58%

CMYK78%, 44%, 0%, 5%

CSS Variable--color: #3686f1;

Use in Generator Check Contrast View on Wheel

Shades of #3686F1

#cfe2fc

#a0c6f8

#70a9f5

#408cf2

#116fee

#0d59bf

#0a438f

#072d5f

#031630

Tints of #3686F1

#3686f1

#4c93f3

#62a1f4

#78aef6

#8fbbf7

#a5c9f9

#bbd6fa

#d1e3fc

#e7f1fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.60:1

AA NormalFailAAAFail

Sample Text

On Black5.84:1

AA NormalPassAAAFail

Full contrast analysis →