HEX #3F70E0 color — Royal Blue
The color #3F70E0 is a dark shade and moderately saturated.
Palette
3F70E0 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fc |
rgb(237,242,252) |
hsl(222,72%,96%) |
#d8e1f9 |
rgb(216,225,249) |
hsl(222,72%,91%) |
#c2d1f5 |
rgb(194,209,245) |
hsl(222,72%,86%) |
#acc1f1 |
rgb(172,193,241) |
hsl(222,72%,81%) |
#96b0ee |
rgb(150,176,238) |
hsl(222,72%,76%) |
#80a0ea |
rgb(128,160,234) |
hsl(222,72%,71%) |
#6a8fe7 |
rgb(106,143,231) |
hsl(222,72%,66%) |
#547fe3 |
rgb(84,127,227) |
hsl(222,72%,61%) |
#3e6ee0 |
rgb(62,110,224) |
hsl(222,72%,56%) |
#285edc |
rgb(40,94,220) |
hsl(222,72%,51%) |
#2154ca |
rgb(33,84,202) |
hsl(222,72%,46%) |
#1d4ab4 |
rgb(29,74,180) |
hsl(222,72%,41%) |
#1a419e |
rgb(26,65,158) |
hsl(222,72%,36%) |
#163888 |
rgb(22,56,136) |
hsl(222,72%,31%) |
#132f72 |
rgb(19,47,114) |
hsl(222,72%,26%) |
#0f265c |
rgb(15,38,92) |
hsl(222,72%,21%) |
#0b1d46 |
rgb(11,29,70) |
hsl(222,72%,16%) |
#081430 |
rgb(8,20,48) |
hsl(222,72%,11%) |
#040b1a |
rgb(4,11,26) |
hsl(222,72%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FDBE0 |
rgb(63,219,224) |
hsl(182,72%,56%) |
#3F70E0 |
rgb(63,112,224) |
hsl(222,72%,56%) |
#7940E0 |
rgb(121,64,224) |
hsl(261,72%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EABEC |
rgb(142,171,236) |
hsl(221,71%,74%) |
#668CE6 |
rgb(102,140,230) |
hsl(222,72%,65%) |
#3F70E0 |
rgb(63,112,224) |
hsl(222,72%,56%) |
#2157CF |
rgb(33,87,207) |
hsl(221,73%,47%) |
#1B45A8 |
rgb(27,69,168) |
hsl(222,72%,38%) |
#143680 |
rgb(20,54,128) |
hsl(221,73%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70E0 |
rgb(63,112,224) |
hsl(222,72%,56%) |
#E05E3F |
rgb(224,94,63) |
hsl(12,72%,56%) |
#C0E03F |
rgb(192,224,63) |
hsl(72,72%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70E0 |
rgb(63,112,224) |
hsl(222,72%,56%) |
#E0B03F |
rgb(224,176,63) |
hsl(42,72%,56%) |
#3FBFE0 |
rgb(63,191,224) |
hsl(192,72%,56%) |
#C0E03F |
rgb(192,224,63) |
hsl(72,72%,56%) |