#3685F2

54, 133, 242

#3685F2

Custom color #3685F2 with RGB values 54, 133, 242.

HEX#3685F2
RGB54, 133, 242
HSL215°, 88%, 58%
CMYK78%, 45%, 0%, 5%
CSS Variable--color: #3685f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #3685F2

#cfe2fc

#9fc5f9

#6fa8f6

#3f8bf3

#0f6ef0

#0c58c0

#094290

#062c60

#031630

Tints of #3685F2

#3685f2

#4c92f3

#62a0f5

#78adf6

#8fbbf8

#a5c8f9

#bbd6fb

#d1e3fc

#e7f0fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.62:1
AA NormalFailAAAFail

Sample Text

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