HEX #2270E4 color — Royal Blue
The color #2270E4 is a dark shade and highly saturated.
Palette
2270E4 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(216,78%,96%) |
#d6e4fa |
rgb(214,228,250) |
hsl(216,78%,91%) |
#bfd6f7 |
rgb(191,214,247) |
hsl(216,78%,86%) |
#a9c7f4 |
rgb(169,199,244) |
hsl(216,78%,81%) |
#92b8f2 |
rgb(146,184,242) |
hsl(216,78%,76%) |
#7baaef |
rgb(123,170,239) |
hsl(216,78%,71%) |
#659bec |
rgb(101,155,236) |
hsl(216,78%,66%) |
#4e8ce9 |
rgb(78,140,233) |
hsl(216,78%,61%) |
#377de6 |
rgb(55,125,230) |
hsl(216,78%,56%) |
#216fe4 |
rgb(33,111,228) |
hsl(216,78%,51%) |
#1a63d1 |
rgb(26,99,209) |
hsl(216,78%,46%) |
#1758ba |
rgb(23,88,186) |
hsl(216,78%,41%) |
#144da3 |
rgb(20,77,163) |
hsl(216,78%,36%) |
#11438d |
rgb(17,67,141) |
hsl(216,78%,31%) |
#0f3876 |
rgb(15,56,118) |
hsl(216,78%,26%) |
#0c2d5f |
rgb(12,45,95) |
hsl(216,78%,21%) |
#092249 |
rgb(9,34,73) |
hsl(216,78%,16%) |
#061832 |
rgb(6,24,50) |
hsl(216,78%,11%) |
#030d1b |
rgb(3,13,27) |
hsl(216,78%,6%) |
#010205 |
rgb(1,2,5) |
hsl(216,78%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22E3D6 |
rgb(34,227,214) |
hsl(176,78%,51%) |
#2270E4 |
rgb(34,112,228) |
hsl(216,78%,51%) |
#5521E4 |
rgb(85,33,228) |
hsl(256,78%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6CA1ED |
rgb(108,161,237) |
hsl(215,78%,68%) |
#4787E8 |
rgb(71,135,232) |
hsl(216,78%,59%) |
#2270E4 |
rgb(34,112,228) |
hsl(216,78%,51%) |
#175EC4 |
rgb(23,94,196) |
hsl(215,79%,43%) |
#134D9E |
rgb(19,77,158) |
hsl(215,79%,35%) |
#0E3B79 |
rgb(14,59,121) |
hsl(215,79%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270E4 |
rgb(34,112,228) |
hsl(216,78%,51%) |
#E43622 |
rgb(228,54,34) |
hsl(6,78%,51%) |
#D1E322 |
rgb(209,227,34) |
hsl(66,78%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270E4 |
rgb(34,112,228) |
hsl(216,78%,51%) |
#E49622 |
rgb(228,150,34) |
hsl(36,78%,51%) |
#22D1E4 |
rgb(34,209,228) |
hsl(186,78%,51%) |
#D1E322 |
rgb(209,227,34) |
hsl(66,78%,51%) |