HEX #3D7AF2 color — Royal Blue
The color #3D7AF2 is a dark shade and moderately saturated.
Palette
3D7AF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(220,87%,99%) |
#e2ebfd |
rgb(226,235,253) |
hsl(220,87%,94%) |
#cbdbfb |
rgb(203,219,251) |
hsl(220,87%,89%) |
#b3cafa |
rgb(179,202,250) |
hsl(220,87%,84%) |
#9bbaf8 |
rgb(155,186,248) |
hsl(220,87%,79%) |
#83a9f6 |
rgb(131,169,246) |
hsl(220,87%,74%) |
#6b99f5 |
rgb(107,153,245) |
hsl(220,87%,69%) |
#5389f3 |
rgb(83,137,243) |
hsl(220,87%,64%) |
#3b78f1 |
rgb(59,120,241) |
hsl(220,87%,59%) |
#2468f0 |
rgb(36,104,240) |
hsl(220,87%,54%) |
#1059ea |
rgb(16,89,234) |
hsl(220,87%,49%) |
#0f50d2 |
rgb(15,80,210) |
hsl(220,87%,44%) |
#0d47ba |
rgb(13,71,186) |
hsl(220,87%,39%) |
#0b3ea2 |
rgb(11,62,162) |
hsl(220,87%,34%) |
#0a358a |
rgb(10,53,138) |
hsl(220,87%,29%) |
#082b72 |
rgb(8,43,114) |
hsl(220,87%,24%) |
#06225b |
rgb(6,34,91) |
hsl(220,87%,19%) |
#051943 |
rgb(5,25,67) |
hsl(220,87%,14%) |
#03102b |
rgb(3,16,43) |
hsl(220,87%,9%) |
#010713 |
rgb(1,7,19) |
hsl(220,87%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DF2F1 |
rgb(61,242,241) |
hsl(180,87%,59%) |
#3D7AF2 |
rgb(61,122,242) |
hsl(220,87%,59%) |
#783DF2 |
rgb(120,61,242) |
hsl(260,87%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B8F8 |
rgb(151,184,248) |
hsl(220,87%,78%) |
#6A99F5 |
rgb(106,153,245) |
hsl(220,87%,69%) |
#3D7AF2 |
rgb(61,122,242) |
hsl(220,87%,59%) |
#0F5CEE |
rgb(15,92,238) |
hsl(219,88%,50%) |
#0C4AC1 |
rgb(12,74,193) |
hsl(219,88%,40%) |
#093893 |
rgb(9,56,147) |
hsl(220,88%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D7AF2 |
rgb(61,122,242) |
hsl(220,87%,59%) |
#F2593D |
rgb(242,89,61) |
hsl(9,87%,59%) |
#D4F23D |
rgb(212,242,61) |
hsl(70,87%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D7AF2 |
rgb(61,122,242) |
hsl(220,87%,59%) |
#F2B53D |
rgb(242,181,61) |
hsl(40,87%,59%) |
#3DD4F2 |
rgb(61,212,242) |
hsl(190,87%,59%) |
#D4F23D |
rgb(212,242,61) |
hsl(70,87%,59%) |