HEX #3670E2 color — Royal Blue
The color #3670E2 is a dark shade and moderately saturated.
Palette
3670E2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9effc |
rgb(233,239,252) |
hsl(220,75%,95%) |
| #d2dff9 |
rgb(210,223,249) |
hsl(220,75%,90%) |
| #bccff5 |
rgb(188,207,245) |
hsl(220,75%,85%) |
| #a6bff2 |
rgb(166,191,242) |
hsl(220,75%,80%) |
| #8fafef |
rgb(143,175,239) |
hsl(220,75%,75%) |
| #799fec |
rgb(121,159,236) |
hsl(220,75%,70%) |
| #638fe9 |
rgb(99,143,233) |
hsl(220,75%,65%) |
| #4d80e6 |
rgb(77,128,230) |
hsl(220,75%,60%) |
| #3670e2 |
rgb(54,112,226) |
hsl(220,75%,55%) |
| #2060df |
rgb(32,96,223) |
hsl(220,75%,50%) |
| #1d56c9 |
rgb(29,86,201) |
hsl(220,75%,45%) |
| #1a4cb3 |
rgb(26,76,179) |
hsl(220,75%,40%) |
| #16439c |
rgb(22,67,156) |
hsl(220,75%,35%) |
| #133986 |
rgb(19,57,134) |
hsl(220,75%,30%) |
| #103070 |
rgb(16,48,112) |
hsl(220,75%,25%) |
| #0d2659 |
rgb(13,38,89) |
hsl(220,75%,20%) |
| #0a1d43 |
rgb(10,29,67) |
hsl(220,75%,15%) |
| #06132d |
rgb(6,19,45) |
hsl(220,75%,10%) |
| #030a16 |
rgb(3,10,22) |
hsl(220,75%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36E3E1 |
rgb(54,227,225) |
hsl(179,76%,55%) |
| #3670E2 |
rgb(54,112,226) |
hsl(220,75%,55%) |
| #6E36E2 |
rgb(110,54,226) |
hsl(260,75%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #84A8ED |
rgb(132,168,237) |
hsl(219,74%,72%) |
| #5D8CE7 |
rgb(93,140,231) |
hsl(220,74%,64%) |
| #3670E2 |
rgb(54,112,226) |
hsl(220,75%,55%) |
| #1D59CD |
rgb(29,89,205) |
hsl(220,75%,46%) |
| #1847A6 |
rgb(24,71,166) |
hsl(220,75%,37%) |
| #12387F |
rgb(18,56,127) |
hsl(219,75%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3670E2 |
rgb(54,112,226) |
hsl(220,75%,55%) |
| #E25236 |
rgb(226,82,54) |
hsl(10,75%,55%) |
| #C6E336 |
rgb(198,227,54) |
hsl(70,76%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3670E2 |
rgb(54,112,226) |
hsl(220,75%,55%) |
| #E2A836 |
rgb(226,168,54) |
hsl(40,75%,55%) |
| #36C7E2 |
rgb(54,199,226) |
hsl(189,75%,55%) |
| #C6E336 |
rgb(198,227,54) |
hsl(70,76%,55%) |
