HEX #336BF1 color — Royal Blue
The color #336BF1 is a dark shade and moderately saturated.
Palette
336BF1 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(222,87%,97%) |
#d9e4fc |
rgb(217,228,252) |
hsl(222,87%,92%) |
#c1d2fb |
rgb(193,210,251) |
hsl(222,87%,87%) |
#a9c1f9 |
rgb(169,193,249) |
hsl(222,87%,82%) |
#91b0f7 |
rgb(145,176,247) |
hsl(222,87%,77%) |
#799ff6 |
rgb(121,159,246) |
hsl(222,87%,72%) |
#628ef4 |
rgb(98,142,244) |
hsl(222,87%,67%) |
#4a7cf2 |
rgb(74,124,242) |
hsl(222,87%,62%) |
#326bf1 |
rgb(50,107,241) |
hsl(222,87%,57%) |
#1a5aef |
rgb(26,90,239) |
hsl(222,87%,52%) |
#104ee0 |
rgb(16,78,224) |
hsl(222,87%,47%) |
#0e46c8 |
rgb(14,70,200) |
hsl(222,87%,42%) |
#0c3eb0 |
rgb(12,62,176) |
hsl(222,87%,37%) |
#0b3599 |
rgb(11,53,153) |
hsl(222,87%,32%) |
#092d81 |
rgb(9,45,129) |
hsl(222,87%,27%) |
#072569 |
rgb(7,37,105) |
hsl(222,87%,22%) |
#061c51 |
rgb(6,28,81) |
hsl(222,87%,17%) |
#041439 |
rgb(4,20,57) |
hsl(222,87%,12%) |
#020c21 |
rgb(2,12,33) |
hsl(222,87%,7%) |
#01030a |
rgb(1,3,10) |
hsl(222,87%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33EBF1 |
rgb(51,235,241) |
hsl(182,87%,57%) |
#336BF1 |
rgb(51,107,241) |
hsl(222,87%,57%) |
#7933F1 |
rgb(121,51,241) |
hsl(262,87%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AABF7 |
rgb(138,171,247) |
hsl(222,87%,75%) |
#5E8AF4 |
rgb(94,138,244) |
hsl(222,87%,66%) |
#336BF1 |
rgb(51,107,241) |
hsl(222,87%,57%) |
#0F4FE5 |
rgb(15,79,229) |
hsl(222,88%,48%) |
#0C40B9 |
rgb(12,64,185) |
hsl(222,88%,39%) |
#09308E |
rgb(9,48,142) |
hsl(222,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BF1 |
rgb(51,107,241) |
hsl(222,87%,57%) |
#F15933 |
rgb(241,89,51) |
hsl(12,87%,57%) |
#CAF233 |
rgb(202,242,51) |
hsl(73,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BF1 |
rgb(51,107,241) |
hsl(222,87%,57%) |
#F1BA33 |
rgb(241,186,51) |
hsl(43,87%,57%) |
#33C9F1 |
rgb(51,201,241) |
hsl(193,87%,57%) |
#CAF233 |
rgb(202,242,51) |
hsl(73,88%,57%) |