HEX #3F8AE2 color — Royal Blue
The color #3F8AE2 is a light shade and moderately saturated.
Palette
3F8AE2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(212,74%,97%) |
#dceafa |
rgb(220,234,250) |
hsl(212,74%,92%) |
#c5dcf6 |
rgb(197,220,246) |
hsl(212,74%,87%) |
#afcff3 |
rgb(175,207,243) |
hsl(212,74%,82%) |
#99c1f0 |
rgb(153,193,240) |
hsl(212,74%,77%) |
#83b4ec |
rgb(131,180,236) |
hsl(212,74%,72%) |
#6da7e9 |
rgb(109,167,233) |
hsl(212,74%,67%) |
#5699e6 |
rgb(86,153,230) |
hsl(212,74%,62%) |
#408ce2 |
rgb(64,140,226) |
hsl(212,74%,57%) |
#2a7fdf |
rgb(42,127,223) |
hsl(212,74%,52%) |
#1f72d1 |
rgb(31,114,209) |
hsl(212,74%,47%) |
#1c66ba |
rgb(28,102,186) |
hsl(212,74%,42%) |
#195aa4 |
rgb(25,90,164) |
hsl(212,74%,37%) |
#154e8e |
rgb(21,78,142) |
hsl(212,74%,32%) |
#124178 |
rgb(18,65,120) |
hsl(212,74%,27%) |
#0f3562 |
rgb(15,53,98) |
hsl(212,74%,22%) |
#0b294b |
rgb(11,41,75) |
hsl(212,74%,17%) |
#081d35 |
rgb(8,29,53) |
hsl(212,74%,12%) |
#05111f |
rgb(5,17,31) |
hsl(212,74%,7%) |
#010509 |
rgb(1,5,9) |
hsl(212,74%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE3CD |
rgb(63,227,205) |
hsl(172,75%,57%) |
#3F8AE2 |
rgb(63,138,226) |
hsl(212,74%,57%) |
#6040E2 |
rgb(96,64,226) |
hsl(252,74%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBAEE |
rgb(143,186,238) |
hsl(213,74%,75%) |
#67A3E8 |
rgb(103,163,232) |
hsl(212,74%,66%) |
#3F8AE2 |
rgb(63,138,226) |
hsl(212,74%,57%) |
#1F73D2 |
rgb(31,115,210) |
hsl(212,74%,47%) |
#195CAA |
rgb(25,92,170) |
hsl(212,74%,38%) |
#134782 |
rgb(19,71,130) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F8AE2 |
rgb(63,138,226) |
hsl(212,74%,57%) |
#E2453F |
rgb(226,69,63) |
hsl(2,74%,57%) |
#DBE33F |
rgb(219,227,63) |
hsl(63,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F8AE2 |
rgb(63,138,226) |
hsl(212,74%,57%) |
#E2963F |
rgb(226,150,63) |
hsl(32,74%,57%) |
#3FDBE2 |
rgb(63,219,226) |
hsl(183,74%,57%) |
#DBE33F |
rgb(219,227,63) |
hsl(63,75%,57%) |