#3696FF

54, 150, 255

#3696FF

Custom color #3696FF with RGB values 54, 150, 255.

HEX#3696FF
RGB54, 150, 255
HSL211°, 100%, 61%
CMYK79%, 41%, 0%, 0%
CSS Variable--color: #3696ff;
Use in GeneratorCheck ContrastView on Wheel

Shades of #3696FF

#cce4ff

#99caff

#66afff

#3394ff

#007aff

#0061cc

#004999

#003166

#001833

Tints of #3696FF

#3696ff

#4ca1ff

#62adff

#78b8ff

#8ec4ff

#a4cfff

#badbff

#d0e6ff

#e5f2ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.02:1
AA NormalFailAAAFail

Sample Text

On Black6.96:1
AA NormalPassAAAFail
Full contrast analysis →