HEX #4170E2 color — Royal Blue
The color #4170E2 is a dark shade and moderately saturated.
Palette
4170E2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(222,74%,97%) |
#dce5fa |
rgb(220,229,250) |
hsl(222,74%,92%) |
#c5d4f6 |
rgb(197,212,246) |
hsl(222,74%,87%) |
#afc4f3 |
rgb(175,196,243) |
hsl(222,74%,82%) |
#99b3f0 |
rgb(153,179,240) |
hsl(222,74%,77%) |
#83a2ec |
rgb(131,162,236) |
hsl(222,74%,72%) |
#6d92e9 |
rgb(109,146,233) |
hsl(222,74%,67%) |
#5681e6 |
rgb(86,129,230) |
hsl(222,74%,62%) |
#4071e2 |
rgb(64,113,226) |
hsl(222,74%,57%) |
#2a60df |
rgb(42,96,223) |
hsl(222,74%,52%) |
#1f54d1 |
rgb(31,84,209) |
hsl(222,74%,47%) |
#1c4bba |
rgb(28,75,186) |
hsl(222,74%,42%) |
#1942a4 |
rgb(25,66,164) |
hsl(222,74%,37%) |
#15398e |
rgb(21,57,142) |
hsl(222,74%,32%) |
#123078 |
rgb(18,48,120) |
hsl(222,74%,27%) |
#0f2762 |
rgb(15,39,98) |
hsl(222,74%,22%) |
#0b1f4b |
rgb(11,31,75) |
hsl(222,74%,17%) |
#081635 |
rgb(8,22,53) |
hsl(222,74%,12%) |
#050d1f |
rgb(5,13,31) |
hsl(222,74%,7%) |
#010409 |
rgb(1,4,9) |
hsl(222,74%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#41DBE2 |
rgb(65,219,226) |
hsl(183,74%,57%) |
#4170E2 |
rgb(65,112,226) |
hsl(222,74%,57%) |
#7D40E2 |
rgb(125,64,226) |
hsl(263,74%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91ADEE |
rgb(145,173,238) |
hsl(222,73%,75%) |
#698FE8 |
rgb(105,143,232) |
hsl(222,73%,66%) |
#4170E2 |
rgb(65,112,226) |
hsl(222,74%,57%) |
#2054D4 |
rgb(32,84,212) |
hsl(223,74%,48%) |
#1A45AB |
rgb(26,69,171) |
hsl(222,74%,39%) |
#143683 |
rgb(20,54,131) |
hsl(222,74%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4170E2 |
rgb(65,112,226) |
hsl(222,74%,57%) |
#E26341 |
rgb(226,99,65) |
hsl(13,74%,57%) |
#C0E341 |
rgb(192,227,65) |
hsl(73,74%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4170E2 |
rgb(65,112,226) |
hsl(222,74%,57%) |
#E2B341 |
rgb(226,179,65) |
hsl(42,74%,57%) |
#41BFE2 |
rgb(65,191,226) |
hsl(193,74%,57%) |
#C0E341 |
rgb(192,227,65) |
hsl(73,74%,57%) |