HEX #396EE2 color — Royal Blue
The color #396EE2 is a dark shade and moderately saturated.
Palette
396EE2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9effc |
rgb(233,239,252) |
hsl(221,74%,95%) |
| #d3dff8 |
rgb(211,223,248) |
hsl(221,74%,90%) |
| #bccef5 |
rgb(188,206,245) |
hsl(221,74%,85%) |
| #a6bef2 |
rgb(166,190,242) |
hsl(221,74%,80%) |
| #90aeee |
rgb(144,174,238) |
hsl(221,74%,75%) |
| #7a9eeb |
rgb(122,158,235) |
hsl(221,74%,70%) |
| #648ee8 |
rgb(100,142,232) |
hsl(221,74%,65%) |
| #4e7de4 |
rgb(78,125,228) |
hsl(221,74%,60%) |
| #376de1 |
rgb(55,109,225) |
hsl(221,74%,55%) |
| #215dde |
rgb(33,93,222) |
hsl(221,74%,50%) |
| #1e54c8 |
rgb(30,84,200) |
hsl(221,74%,45%) |
| #1b4ab1 |
rgb(27,74,177) |
hsl(221,74%,40%) |
| #17419b |
rgb(23,65,155) |
hsl(221,74%,35%) |
| #143885 |
rgb(20,56,133) |
hsl(221,74%,30%) |
| #112e6f |
rgb(17,46,111) |
hsl(221,74%,25%) |
| #0d2559 |
rgb(13,37,89) |
hsl(221,74%,20%) |
| #0a1c43 |
rgb(10,28,67) |
hsl(221,74%,15%) |
| #07132c |
rgb(7,19,44) |
hsl(221,74%,10%) |
| #030916 |
rgb(3,9,22) |
hsl(221,74%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39DEE2 |
rgb(57,222,226) |
hsl(181,74%,55%) |
| #396EE2 |
rgb(57,110,226) |
hsl(221,74%,55%) |
| #7438E2 |
rgb(116,56,226) |
hsl(261,75%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #87A8ED |
rgb(135,168,237) |
hsl(221,74%,73%) |
| #608AE7 |
rgb(96,138,231) |
hsl(221,74%,64%) |
| #396EE2 |
rgb(57,110,226) |
hsl(221,74%,55%) |
| #1E57CF |
rgb(30,87,207) |
hsl(221,75%,46%) |
| #1845A7 |
rgb(24,69,167) |
hsl(221,75%,37%) |
| #123680 |
rgb(18,54,128) |
hsl(220,75%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #396EE2 |
rgb(57,110,226) |
hsl(221,74%,55%) |
| #E25939 |
rgb(226,89,57) |
hsl(11,74%,55%) |
| #C2E339 |
rgb(194,227,57) |
hsl(72,75%,56%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #396EE2 |
rgb(57,110,226) |
hsl(221,74%,55%) |
| #E2AD39 |
rgb(226,173,57) |
hsl(41,74%,55%) |
| #39C2E2 |
rgb(57,194,226) |
hsl(191,74%,55%) |
| #C2E339 |
rgb(194,227,57) |
hsl(72,75%,56%) |
