HEX #3A6BE1 color — Royal Blue
The color #3A6BE1 is a dark shade and moderately saturated.
Palette
3A6BE1 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9eefc |
rgb(233,238,252) |
hsl(222,74%,95%) |
| #d3def8 |
rgb(211,222,248) |
hsl(222,74%,90%) |
| #bccdf5 |
rgb(188,205,245) |
hsl(222,74%,85%) |
| #a6bdf2 |
rgb(166,189,242) |
hsl(222,74%,80%) |
| #90acee |
rgb(144,172,238) |
hsl(222,74%,75%) |
| #7a9ceb |
rgb(122,156,235) |
hsl(222,74%,70%) |
| #648be8 |
rgb(100,139,232) |
hsl(222,74%,65%) |
| #4e7be4 |
rgb(78,123,228) |
hsl(222,74%,60%) |
| #376ae1 |
rgb(55,106,225) |
hsl(222,74%,55%) |
| #215ade |
rgb(33,90,222) |
hsl(222,74%,50%) |
| #1e51c8 |
rgb(30,81,200) |
hsl(222,74%,45%) |
| #1b48b1 |
rgb(27,72,177) |
hsl(222,74%,40%) |
| #173f9b |
rgb(23,63,155) |
hsl(222,74%,35%) |
| #143685 |
rgb(20,54,133) |
hsl(222,74%,30%) |
| #112d6f |
rgb(17,45,111) |
hsl(222,74%,25%) |
| #0d2459 |
rgb(13,36,89) |
hsl(222,74%,20%) |
| #0a1b43 |
rgb(10,27,67) |
hsl(222,74%,15%) |
| #07122c |
rgb(7,18,44) |
hsl(222,74%,10%) |
| #030916 |
rgb(3,9,22) |
hsl(222,74%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3ADBE1 |
rgb(58,219,225) |
hsl(182,74%,55%) |
| #3A6BE1 |
rgb(58,107,225) |
hsl(222,74%,55%) |
| #783BE1 |
rgb(120,59,225) |
hsl(262,73%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #88A6EC |
rgb(136,166,236) |
hsl(222,72%,73%) |
| #618AE6 |
rgb(97,138,230) |
hsl(222,73%,64%) |
| #3A6BE1 |
rgb(58,107,225) |
hsl(222,74%,55%) |
| #1F52CE |
rgb(31,82,206) |
hsl(223,74%,46%) |
| #1942A7 |
rgb(25,66,167) |
hsl(223,74%,38%) |
| #13337F |
rgb(19,51,127) |
hsl(222,74%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A6BE1 |
rgb(58,107,225) |
hsl(222,74%,55%) |
| #E15C3A |
rgb(225,92,58) |
hsl(12,74%,55%) |
| #BEE03A |
rgb(190,224,58) |
hsl(72,73%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A6BE1 |
rgb(58,107,225) |
hsl(222,74%,55%) |
| #E1B03A |
rgb(225,176,58) |
hsl(42,74%,55%) |
| #3ABFE1 |
rgb(58,191,225) |
hsl(192,74%,55%) |
| #BEE03A |
rgb(190,224,58) |
hsl(72,73%,55%) |
