#348EF6

52, 142, 246

#348EF6

Custom color #348EF6 with RGB values 52, 142, 246.

HEX#348EF6
RGB52, 142, 246
HSL212°, 92%, 58%
CMYK79%, 42%, 0%, 4%
CSS Variable--color: #348ef6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #348EF6

#cee4fd

#9dc9fb

#6cadf9

#3c92f6

#0b77f4

#095fc3

#064793

#043062

#021831

Tints of #348EF6

#348ef6

#4a9af7

#61a7f8

#77b3f9

#8dc0fa

#a4ccfb

#bad9fc

#d0e5fd

#e7f1fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.31:1
AA NormalFailAAAFail

Sample Text

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