HEX #3284E2 color — Royal Blue
The color #3284e2 is a dark shade and moderately saturated.
Palette
3284e2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,75%,99%) |
#e4effb |
rgb(228,239,251) |
hsl(212,75%,94%) |
#cee2f8 |
rgb(206,226,248) |
hsl(212,75%,89%) |
#b8d4f5 |
rgb(184,212,245) |
hsl(212,75%,84%) |
#a1c7f2 |
rgb(161,199,242) |
hsl(212,75%,79%) |
#8bb9ee |
rgb(139,185,238) |
hsl(212,75%,74%) |
#75aceb |
rgb(117,172,235) |
hsl(212,75%,69%) |
#5e9fe8 |
rgb(94,159,232) |
hsl(212,75%,64%) |
#4891e5 |
rgb(72,145,229) |
hsl(212,75%,59%) |
#3284e2 |
rgb(50,132,226) |
hsl(212,75%,54%) |
#1f77db |
rgb(31,119,219) |
hsl(212,75%,49%) |
#1c6bc4 |
rgb(28,107,196) |
hsl(212,75%,44%) |
#195eae |
rgb(25,94,174) |
hsl(212,75%,39%) |
#165298 |
rgb(22,82,152) |
hsl(212,75%,34%) |
#124681 |
rgb(18,70,129) |
hsl(212,75%,29%) |
#0f3a6b |
rgb(15,58,107) |
hsl(212,75%,24%) |
#0c2e55 |
rgb(12,46,85) |
hsl(212,75%,19%) |
#09223e |
rgb(9,34,62) |
hsl(212,75%,14%) |
#061628 |
rgb(6,22,40) |
hsl(212,75%,9%) |
#030a12 |
rgb(3,10,18) |
hsl(212,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#32E3CA |
rgb(50,227,202) |
hsl(172,76%,54%) |
#3284E2 |
rgb(50,132,226) |
hsl(212,75%,54%) |
#5533E2 |
rgb(85,51,226) |
hsl(252,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FB3EC |
rgb(127,179,236) |
hsl(211,74%,71%) |
#589CE7 |
rgb(88,156,231) |
hsl(211,75%,63%) |
#3284E2 |
rgb(50,132,226) |
hsl(212,75%,54%) |
#1C6ECB |
rgb(28,110,203) |
hsl(212,76%,45%) |
#1759A4 |
rgb(23,89,164) |
hsl(212,75%,37%) |
#11457D |
rgb(17,69,125) |
hsl(211,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3284E2 |
rgb(50,132,226) |
hsl(212,75%,54%) |
#E23832 |
rgb(226,56,50) |
hsl(2,75%,54%) |
#DCE332 |
rgb(220,227,50) |
hsl(62,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3284E2 |
rgb(50,132,226) |
hsl(212,75%,54%) |
#E28F32 |
rgb(226,143,50) |
hsl(32,75%,54%) |
#32DBE2 |
rgb(50,219,226) |
hsl(182,75%,54%) |
#DCE332 |
rgb(220,227,50) |
hsl(62,76%,54%) |