HEX #220EA4 color — Blue Gem
The color #220ea4 is a dark shade and highly saturated.
Palette
220ea4 color palette from light to dark
HEX |
RGB |
HSL |
#eae8fd |
rgb(234,232,253) |
hsl(248,84%,95%) |
#d6d0fb |
rgb(214,208,251) |
hsl(248,84%,90%) |
#c1b9f9 |
rgb(193,185,249) |
hsl(248,84%,85%) |
#ada1f7 |
rgb(173,161,247) |
hsl(248,84%,80%) |
#988af5 |
rgb(152,138,245) |
hsl(248,84%,75%) |
#8372f3 |
rgb(131,114,243) |
hsl(248,84%,70%) |
#6f5bf1 |
rgb(111,91,241) |
hsl(248,84%,65%) |
#5a43ef |
rgb(90,67,239) |
hsl(248,84%,60%) |
#462ced |
rgb(70,44,237) |
hsl(248,84%,55%) |
#3114eb |
rgb(49,20,235) |
hsl(248,84%,50%) |
#2c12d3 |
rgb(44,18,211) |
hsl(248,84%,45%) |
#2710bc |
rgb(39,16,188) |
hsl(248,84%,40%) |
#220ea4 |
rgb(34,14,164) |
hsl(248,84%,35%) |
#1d0c8d |
rgb(29,12,141) |
hsl(248,84%,30%) |
#180a75 |
rgb(24,10,117) |
hsl(248,84%,25%) |
#14085e |
rgb(20,8,94) |
hsl(248,84%,20%) |
#0f0646 |
rgb(15,6,70) |
hsl(248,84%,15%) |
#0a042f |
rgb(10,4,47) |
hsl(248,84%,10%) |
#050217 |
rgb(5,2,23) |
hsl(248,84%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#0E5EA4 |
rgb(14,94,164) |
hsl(208,84%,35%) |
#220EA4 |
rgb(34,14,164) |
hsl(248,84%,35%) |
#860DA4 |
rgb(134,13,164) |
hsl(288,85%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#270FBE |
rgb(39,15,190) |
hsl(248,85%,40%) |
#220EA4 |
rgb(34,14,164) |
hsl(248,84%,35%) |
#1C0D89 |
rgb(28,13,137) |
hsl(247,83%,29%) |
#170A6F |
rgb(23,10,111) |
hsl(248,83%,24%) |
#110855 |
rgb(17,8,85) |
hsl(247,83%,18%) |
#0C053B |
rgb(12,5,59) |
hsl(248,84%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#220EA4 |
rgb(34,14,164) |
hsl(248,84%,35%) |
#A46E0E |
rgb(164,110,14) |
hsl(38,84%,35%) |
#45A30E |
rgb(69,163,14) |
hsl(98,84%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#220EA4 |
rgb(34,14,164) |
hsl(248,84%,35%) |
#90A30E |
rgb(144,163,14) |
hsl(68,84%,35%) |
#0E45A4 |
rgb(14,69,164) |
hsl(218,84%,35%) |
#45A30E |
rgb(69,163,14) |
hsl(98,84%,35%) |