#3686F2

54, 134, 242

#3686F2

Custom color #3686F2 with RGB values 54, 134, 242.

HEX#3686F2

RGB54, 134, 242

HSL214°, 88%, 58%

CMYK78%, 45%, 0%, 5%

CSS Variable--color: #3686f2;

Use in Generator Check Contrast View on Wheel

Shades of #3686F2

#cfe2fc

#9fc5f9

#6fa8f6

#3f8cf3

#0f6ff0

#0c59c0

#094290

#062c60

#031630

Tints of #3686F2

#3686f2

#4c93f3

#62a1f5

#78aef6

#8fbbf8

#a5c9f9

#bbd6fb

#d1e3fc

#e7f1fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.59:1

AA NormalFailAAAFail

Sample Text

On Black5.85:1

AA NormalPassAAAFail

Full contrast analysis →