HEX #3F8CE2 color — Royal Blue
The color #3F8CE2 is a light shade and moderately saturated.
Palette
3F8CE2 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 |
#3FE3CB |
rgb(63,227,203) |
hsl(171,75%,57%) |
#3F8CE2 |
rgb(63,140,226) |
hsl(212,74%,57%) |
#5E40E2 |
rgb(94,64,226) |
hsl(251,74%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBDEE |
rgb(143,189,238) |
hsl(211,74%,75%) |
#67A3E8 |
rgb(103,163,232) |
hsl(212,74%,66%) |
#3F8CE2 |
rgb(63,140,226) |
hsl(212,74%,57%) |
#1F75D2 |
rgb(31,117,210) |
hsl(211,74%,47%) |
#195EAA |
rgb(25,94,170) |
hsl(211,74%,38%) |
#134782 |
rgb(19,71,130) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F8CE2 |
rgb(63,140,226) |
hsl(212,74%,57%) |
#E2423F |
rgb(226,66,63) |
hsl(1,74%,57%) |
#DDE33F |
rgb(221,227,63) |
hsl(62,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F8CE2 |
rgb(63,140,226) |
hsl(212,74%,57%) |
#E2943F |
rgb(226,148,63) |
hsl(31,74%,57%) |
#3FDEE2 |
rgb(63,222,226) |
hsl(181,74%,57%) |
#DDE33F |
rgb(221,227,63) |
hsl(62,75%,57%) |