HEX #2270E5 color — Royal Blue
The color #2270E5 is a dark shade and highly saturated.
Palette
2270E5 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(216,79%,97%) |
#dae7fb |
rgb(218,231,251) |
hsl(216,79%,92%) |
#c4d9f8 |
rgb(196,217,248) |
hsl(216,79%,87%) |
#adcaf5 |
rgb(173,202,245) |
hsl(216,79%,82%) |
#96bbf3 |
rgb(150,187,243) |
hsl(216,79%,77%) |
#7facf0 |
rgb(127,172,240) |
hsl(216,79%,72%) |
#689eed |
rgb(104,158,237) |
hsl(216,79%,67%) |
#528feb |
rgb(82,143,235) |
hsl(216,79%,62%) |
#3b80e8 |
rgb(59,128,232) |
hsl(216,79%,57%) |
#2471e5 |
rgb(36,113,229) |
hsl(216,79%,52%) |
#1965d7 |
rgb(25,101,215) |
hsl(216,79%,47%) |
#165ac0 |
rgb(22,90,192) |
hsl(216,79%,42%) |
#144fa9 |
rgb(20,79,169) |
hsl(216,79%,37%) |
#114592 |
rgb(17,69,146) |
hsl(216,79%,32%) |
#0e3a7b |
rgb(14,58,123) |
hsl(216,79%,27%) |
#0c2f64 |
rgb(12,47,100) |
hsl(216,79%,22%) |
#09254e |
rgb(9,37,78) |
hsl(216,79%,17%) |
#061a37 |
rgb(6,26,55) |
hsl(216,79%,12%) |
#040f20 |
rgb(4,15,32) |
hsl(216,79%,7%) |
#010409 |
rgb(1,4,9) |
hsl(216,79%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22E6D8 |
rgb(34,230,216) |
hsl(176,80%,52%) |
#2270E5 |
rgb(34,112,229) |
hsl(216,79%,52%) |
#5621E5 |
rgb(86,33,229) |
hsl(256,79%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6DA1ED |
rgb(109,161,237) |
hsl(216,78%,68%) |
#4787E9 |
rgb(71,135,233) |
hsl(216,79%,60%) |
#2270E5 |
rgb(34,112,229) |
hsl(216,79%,52%) |
#175CC5 |
rgb(23,92,197) |
hsl(216,79%,43%) |
#124DA0 |
rgb(18,77,160) |
hsl(215,80%,35%) |
#0E3B7A |
rgb(14,59,122) |
hsl(215,79%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270E5 |
rgb(34,112,229) |
hsl(216,79%,52%) |
#E53622 |
rgb(229,54,34) |
hsl(6,79%,52%) |
#D1E622 |
rgb(209,230,34) |
hsl(66,80%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270E5 |
rgb(34,112,229) |
hsl(216,79%,52%) |
#E59622 |
rgb(229,150,34) |
hsl(36,79%,52%) |
#22D1E5 |
rgb(34,209,229) |
hsl(186,79%,52%) |
#D1E622 |
rgb(209,230,34) |
hsl(66,80%,52%) |