#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 GeneratorCheck ContrastView 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
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.59:1
AA NormalFailAAAFail

Sample Text

On Black5.85:1
AA NormalPassAAAFail
Full contrast analysis →