HEX #3B8AE2 color — Royal Blue
The color #3B8AE2 is a light shade and moderately saturated.
Palette
3B8AE2 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 |
#3BE3CA |
rgb(59,227,202) |
hsl(171,75%,56%) |
#3B8AE2 |
rgb(59,138,226) |
hsl(212,74%,56%) |
#5B3BE2 |
rgb(91,59,226) |
hsl(251,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8ABAED |
rgb(138,186,237) |
hsl(211,73%,74%) |
#62A1E7 |
rgb(98,161,231) |
hsl(212,73%,65%) |
#3B8AE2 |
rgb(59,138,226) |
hsl(212,74%,56%) |
#1E73D0 |
rgb(30,115,208) |
hsl(211,75%,47%) |
#185CA8 |
rgb(24,92,168) |
hsl(212,75%,38%) |
#134781 |
rgb(19,71,129) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B8AE2 |
rgb(59,138,226) |
hsl(212,74%,56%) |
#E2403B |
rgb(226,64,59) |
hsl(2,74%,56%) |
#DDE33B |
rgb(221,227,59) |
hsl(62,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B8AE2 |
rgb(59,138,226) |
hsl(212,74%,56%) |
#E2943B |
rgb(226,148,59) |
hsl(32,74%,56%) |
#3BDEE2 |
rgb(59,222,226) |
hsl(181,74%,56%) |
#DDE33B |
rgb(221,227,59) |
hsl(62,75%,56%) |