HEX #3D5CF2 color — Royal Blue
The color #3D5CF2 is a dark shade and moderately saturated.
Palette
3D5CF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(230,87%,99%) |
#e2e7fd |
rgb(226,231,253) |
hsl(230,87%,94%) |
#cbd3fb |
rgb(203,211,251) |
hsl(230,87%,89%) |
#b3bffa |
rgb(179,191,250) |
hsl(230,87%,84%) |
#9baaf8 |
rgb(155,170,248) |
hsl(230,87%,79%) |
#8396f6 |
rgb(131,150,246) |
hsl(230,87%,74%) |
#6b82f5 |
rgb(107,130,245) |
hsl(230,87%,69%) |
#536ef3 |
rgb(83,110,243) |
hsl(230,87%,64%) |
#3b5af1 |
rgb(59,90,241) |
hsl(230,87%,59%) |
#2446f0 |
rgb(36,70,240) |
hsl(230,87%,54%) |
#1034ea |
rgb(16,52,234) |
hsl(230,87%,49%) |
#0f2fd2 |
rgb(15,47,210) |
hsl(230,87%,44%) |
#0d2aba |
rgb(13,42,186) |
hsl(230,87%,39%) |
#0b24a2 |
rgb(11,36,162) |
hsl(230,87%,34%) |
#0a1f8a |
rgb(10,31,138) |
hsl(230,87%,29%) |
#081a72 |
rgb(8,26,114) |
hsl(230,87%,24%) |
#06145b |
rgb(6,20,91) |
hsl(230,87%,19%) |
#050f43 |
rgb(5,15,67) |
hsl(230,87%,14%) |
#030a2b |
rgb(3,10,43) |
hsl(230,87%,9%) |
#010413 |
rgb(1,4,19) |
hsl(230,87%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DD4F2 |
rgb(61,212,242) |
hsl(190,87%,59%) |
#3D5CF2 |
rgb(61,92,242) |
hsl(230,87%,59%) |
#963DF2 |
rgb(150,61,242) |
hsl(270,87%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A8F8 |
rgb(151,168,248) |
hsl(229,87%,78%) |
#6A82F5 |
rgb(106,130,245) |
hsl(230,87%,69%) |
#3D5CF2 |
rgb(61,92,242) |
hsl(230,87%,59%) |
#0F36EE |
rgb(15,54,238) |
hsl(230,88%,50%) |
#0C2BC1 |
rgb(12,43,193) |
hsl(230,88%,40%) |
#092193 |
rgb(9,33,147) |
hsl(230,88%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D5CF2 |
rgb(61,92,242) |
hsl(230,87%,59%) |
#F2783D |
rgb(242,120,61) |
hsl(20,87%,59%) |
#B6F23D |
rgb(182,242,61) |
hsl(80,87%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D5CF2 |
rgb(61,92,242) |
hsl(230,87%,59%) |
#F2D43D |
rgb(242,212,61) |
hsl(50,87%,59%) |
#3DB8F2 |
rgb(61,184,242) |
hsl(199,87%,59%) |
#B6F23D |
rgb(182,242,61) |
hsl(80,87%,59%) |