HEX #3C89E2 color — Royal Blue
The color #3C89E2 is a light shade and moderately saturated.
Palette
3C89E2 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(212,74%,96%) |
#d7e7f9 |
rgb(215,231,249) |
hsl(212,74%,91%) |
#c1daf6 |
rgb(193,218,246) |
hsl(212,74%,86%) |
#abccf2 |
rgb(171,204,242) |
hsl(212,74%,81%) |
#95bfef |
rgb(149,191,239) |
hsl(212,74%,76%) |
#7eb1ec |
rgb(126,177,236) |
hsl(212,74%,71%) |
#68a4e8 |
rgb(104,164,232) |
hsl(212,74%,66%) |
#5297e5 |
rgb(82,151,229) |
hsl(212,74%,61%) |
#3c89e2 |
rgb(60,137,226) |
hsl(212,74%,56%) |
#267cdf |
rgb(38,124,223) |
hsl(212,74%,51%) |
#1e70cc |
rgb(30,112,204) |
hsl(212,74%,46%) |
#1b63b6 |
rgb(27,99,182) |
hsl(212,74%,41%) |
#1857a0 |
rgb(24,87,160) |
hsl(212,74%,36%) |
#154b8a |
rgb(21,75,138) |
hsl(212,74%,31%) |
#113f73 |
rgb(17,63,115) |
hsl(212,74%,26%) |
#0e335d |
rgb(14,51,93) |
hsl(212,74%,21%) |
#0b2747 |
rgb(11,39,71) |
hsl(212,74%,16%) |
#071b31 |
rgb(7,27,49) |
hsl(212,74%,11%) |
#040f1b |
rgb(4,15,27) |
hsl(212,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE3CC |
rgb(60,227,204) |
hsl(172,75%,56%) |
#3C89E2 |
rgb(60,137,226) |
hsl(212,74%,56%) |
#5D3DE2 |
rgb(93,61,226) |
hsl(252,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BBAED |
rgb(139,186,237) |
hsl(211,73%,74%) |
#63A1E7 |
rgb(99,161,231) |
hsl(212,73%,65%) |
#3C89E2 |
rgb(60,137,226) |
hsl(212,74%,56%) |
#1F73D1 |
rgb(31,115,209) |
hsl(212,74%,47%) |
#195CA9 |
rgb(25,92,169) |
hsl(212,74%,38%) |
#134781 |
rgb(19,71,129) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C89E2 |
rgb(60,137,226) |
hsl(212,74%,56%) |
#E2423C |
rgb(226,66,60) |
hsl(2,74%,56%) |
#DCE33C |
rgb(220,227,60) |
hsl(63,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C89E2 |
rgb(60,137,226) |
hsl(212,74%,56%) |
#E2943C |
rgb(226,148,60) |
hsl(32,74%,56%) |
#3CDBE2 |
rgb(60,219,226) |
hsl(183,74%,56%) |
#DCE33C |
rgb(220,227,60) |
hsl(63,75%,56%) |