HEX #226BE2 color — Royal Blue
The color #226BE2 is a dark shade and highly saturated.
Palette
226BE2 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(217,77%,96%) |
#d6e4fa |
rgb(214,228,250) |
hsl(217,77%,91%) |
#c0d5f7 |
rgb(192,213,247) |
hsl(217,77%,86%) |
#a9c6f4 |
rgb(169,198,244) |
hsl(217,77%,81%) |
#93b7f1 |
rgb(147,183,241) |
hsl(217,77%,76%) |
#7ca8ee |
rgb(124,168,238) |
hsl(217,77%,71%) |
#6699eb |
rgb(102,153,235) |
hsl(217,77%,66%) |
#4f8ae8 |
rgb(79,138,232) |
hsl(217,77%,61%) |
#387be5 |
rgb(56,123,229) |
hsl(217,77%,56%) |
#226ce2 |
rgb(34,108,226) |
hsl(217,77%,51%) |
#1b60d0 |
rgb(27,96,208) |
hsl(217,77%,46%) |
#1856b9 |
rgb(24,86,185) |
hsl(217,77%,41%) |
#154ba2 |
rgb(21,75,162) |
hsl(217,77%,36%) |
#12418c |
rgb(18,65,140) |
hsl(217,77%,31%) |
#0f3675 |
rgb(15,54,117) |
hsl(217,77%,26%) |
#0c2c5f |
rgb(12,44,95) |
hsl(217,77%,21%) |
#092148 |
rgb(9,33,72) |
hsl(217,77%,16%) |
#061732 |
rgb(6,23,50) |
hsl(217,77%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(217,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(217,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22E3D9 |
rgb(34,227,217) |
hsl(177,78%,51%) |
#226BE2 |
rgb(34,107,226) |
hsl(217,77%,51%) |
#5921E2 |
rgb(89,33,226) |
hsl(257,77%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B9CEB |
rgb(107,156,235) |
hsl(217,76%,67%) |
#4685E6 |
rgb(70,133,230) |
hsl(216,76%,59%) |
#226BE2 |
rgb(34,107,226) |
hsl(217,77%,51%) |
#1959C1 |
rgb(25,89,193) |
hsl(217,77%,43%) |
#14479C |
rgb(20,71,156) |
hsl(218,77%,35%) |
#0F3877 |
rgb(15,56,119) |
hsl(216,78%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#226BE2 |
rgb(34,107,226) |
hsl(217,77%,51%) |
#E23822 |
rgb(226,56,34) |
hsl(7,77%,51%) |
#CBE322 |
rgb(203,227,34) |
hsl(67,78%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226BE2 |
rgb(34,107,226) |
hsl(217,77%,51%) |
#E29922 |
rgb(226,153,34) |
hsl(37,77%,51%) |
#22CCE2 |
rgb(34,204,226) |
hsl(187,77%,51%) |
#CBE322 |
rgb(203,227,34) |
hsl(67,78%,51%) |