HEX #2266A2 color — Matisse
The color #2266A2 is a dark shade and moderately saturated.
Palette
2266A2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(208,65%,98%) |
#e2eef9 |
rgb(226,238,249) |
hsl(208,65%,93%) |
#cde2f4 |
rgb(205,226,244) |
hsl(208,65%,88%) |
#b7d6f0 |
rgb(183,214,240) |
hsl(208,65%,83%) |
#a2c9eb |
rgb(162,201,235) |
hsl(208,65%,78%) |
#8dbde7 |
rgb(141,189,231) |
hsl(208,65%,73%) |
#78b1e2 |
rgb(120,177,226) |
hsl(208,65%,68%) |
#63a5de |
rgb(99,165,222) |
hsl(208,65%,63%) |
#4e99da |
rgb(78,153,218) |
hsl(208,65%,58%) |
#398cd5 |
rgb(57,140,213) |
hsl(208,65%,53%) |
#2b80ca |
rgb(43,128,202) |
hsl(208,65%,48%) |
#2672b5 |
rgb(38,114,181) |
hsl(208,65%,43%) |
#2265a0 |
rgb(34,101,160) |
hsl(208,65%,38%) |
#1d588b |
rgb(29,88,139) |
hsl(208,65%,33%) |
#194a76 |
rgb(25,74,118) |
hsl(208,65%,28%) |
#153d61 |
rgb(21,61,97) |
hsl(208,65%,23%) |
#10304c |
rgb(16,48,76) |
hsl(208,65%,18%) |
#0c2337 |
rgb(12,35,55) |
hsl(208,65%,13%) |
#071522 |
rgb(7,21,34) |
hsl(208,65%,8%) |
#03080d |
rgb(3,8,13) |
hsl(208,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A388 |
rgb(34,163,136) |
hsl(167,65%,39%) |
#2266A2 |
rgb(34,102,162) |
hsl(208,65%,38%) |
#3321A2 |
rgb(51,33,162) |
hsl(248,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2775BB |
rgb(39,117,187) |
hsl(208,65%,44%) |
#2266A2 |
rgb(34,102,162) |
hsl(208,65%,38%) |
#1C5788 |
rgb(28,87,136) |
hsl(207,66%,32%) |
#17456E |
rgb(23,69,110) |
hsl(208,65%,26%) |
#113654 |
rgb(17,54,84) |
hsl(207,66%,20%) |
#0C243A |
rgb(12,36,58) |
hsl(209,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2266A2 |
rgb(34,102,162) |
hsl(208,65%,38%) |
#A22126 |
rgb(162,33,38) |
hsl(358,66%,38%) |
#A29E22 |
rgb(162,158,34) |
hsl(58,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2266A2 |
rgb(34,102,162) |
hsl(208,65%,38%) |
#A25E22 |
rgb(162,94,34) |
hsl(28,65%,38%) |
#22A39E |
rgb(34,163,158) |
hsl(178,65%,39%) |
#A29E22 |
rgb(162,158,34) |
hsl(58,65%,38%) |