HEX #2270A2 color — Matisse
The color #2270A2 is a dark shade and moderately saturated.
Palette
2270A2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(203,65%,98%) |
#e2f0f9 |
rgb(226,240,249) |
hsl(203,65%,93%) |
#cde5f4 |
rgb(205,229,244) |
hsl(203,65%,88%) |
#b7daf0 |
rgb(183,218,240) |
hsl(203,65%,83%) |
#a2cfeb |
rgb(162,207,235) |
hsl(203,65%,78%) |
#8dc5e7 |
rgb(141,197,231) |
hsl(203,65%,73%) |
#78bae2 |
rgb(120,186,226) |
hsl(203,65%,68%) |
#63afde |
rgb(99,175,222) |
hsl(203,65%,63%) |
#4ea4da |
rgb(78,164,218) |
hsl(203,65%,58%) |
#3999d5 |
rgb(57,153,213) |
hsl(203,65%,53%) |
#2b8dca |
rgb(43,141,202) |
hsl(203,65%,48%) |
#267eb5 |
rgb(38,126,181) |
hsl(203,65%,43%) |
#2270a0 |
rgb(34,112,160) |
hsl(203,65%,38%) |
#1d618b |
rgb(29,97,139) |
hsl(203,65%,33%) |
#195276 |
rgb(25,82,118) |
hsl(203,65%,28%) |
#154461 |
rgb(21,68,97) |
hsl(203,65%,23%) |
#10354c |
rgb(16,53,76) |
hsl(203,65%,18%) |
#0c2637 |
rgb(12,38,55) |
hsl(203,65%,13%) |
#071722 |
rgb(7,23,34) |
hsl(203,65%,8%) |
#03090d |
rgb(3,9,13) |
hsl(203,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A37E |
rgb(34,163,126) |
hsl(163,65%,39%) |
#2270A2 |
rgb(34,112,162) |
hsl(203,65%,38%) |
#2921A2 |
rgb(41,33,162) |
hsl(244,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2782BB |
rgb(39,130,187) |
hsl(203,65%,44%) |
#2270A2 |
rgb(34,112,162) |
hsl(203,65%,38%) |
#1C5E88 |
rgb(28,94,136) |
hsl(203,66%,32%) |
#174D6E |
rgb(23,77,110) |
hsl(203,65%,26%) |
#113B54 |
rgb(17,59,84) |
hsl(202,66%,20%) |
#0C293A |
rgb(12,41,58) |
hsl(202,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270A2 |
rgb(34,112,162) |
hsl(203,65%,38%) |
#A22130 |
rgb(162,33,48) |
hsl(353,66%,38%) |
#A29422 |
rgb(162,148,34) |
hsl(53,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270A2 |
rgb(34,112,162) |
hsl(203,65%,38%) |
#A25422 |
rgb(162,84,34) |
hsl(23,65%,38%) |
#22A394 |
rgb(34,163,148) |
hsl(173,65%,39%) |
#A29422 |
rgb(162,148,34) |
hsl(53,65%,38%) |