HEX #2272A0 color — Matisse
The color #2272A0 is a dark shade and moderately saturated.
Palette
2272A0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,65%,98%) |
#e2f0f9 |
rgb(226,240,249) |
hsl(202,65%,93%) |
#cde6f4 |
rgb(205,230,244) |
hsl(202,65%,88%) |
#b7dbf0 |
rgb(183,219,240) |
hsl(202,65%,83%) |
#a2d1eb |
rgb(162,209,235) |
hsl(202,65%,78%) |
#8dc6e7 |
rgb(141,198,231) |
hsl(202,65%,73%) |
#78bce2 |
rgb(120,188,226) |
hsl(202,65%,68%) |
#63b1de |
rgb(99,177,222) |
hsl(202,65%,63%) |
#4ea6da |
rgb(78,166,218) |
hsl(202,65%,58%) |
#399cd5 |
rgb(57,156,213) |
hsl(202,65%,53%) |
#2b90ca |
rgb(43,144,202) |
hsl(202,65%,48%) |
#2681b5 |
rgb(38,129,181) |
hsl(202,65%,43%) |
#2272a0 |
rgb(34,114,160) |
hsl(202,65%,38%) |
#1d638b |
rgb(29,99,139) |
hsl(202,65%,33%) |
#195476 |
rgb(25,84,118) |
hsl(202,65%,28%) |
#154561 |
rgb(21,69,97) |
hsl(202,65%,23%) |
#10364c |
rgb(16,54,76) |
hsl(202,65%,18%) |
#0c2737 |
rgb(12,39,55) |
hsl(202,65%,13%) |
#071822 |
rgb(7,24,34) |
hsl(202,65%,8%) |
#03090d |
rgb(3,9,13) |
hsl(202,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A17A |
rgb(34,161,122) |
hsl(162,65%,38%) |
#2272A0 |
rgb(34,114,160) |
hsl(202,65%,38%) |
#2621A0 |
rgb(38,33,160) |
hsl(242,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2785B9 |
rgb(39,133,185) |
hsl(201,65%,44%) |
#2272A0 |
rgb(34,114,160) |
hsl(202,65%,38%) |
#1C6186 |
rgb(28,97,134) |
hsl(201,65%,32%) |
#174D6C |
rgb(23,77,108) |
hsl(202,65%,26%) |
#113B53 |
rgb(17,59,83) |
hsl(202,66%,20%) |
#0C2939 |
rgb(12,41,57) |
hsl(201,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2272A0 |
rgb(34,114,160) |
hsl(202,65%,38%) |
#A02133 |
rgb(160,33,51) |
hsl(351,66%,38%) |
#A08F22 |
rgb(160,143,34) |
hsl(52,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2272A0 |
rgb(34,114,160) |
hsl(202,65%,38%) |
#A04F22 |
rgb(160,79,34) |
hsl(21,65%,38%) |
#22A18F |
rgb(34,161,143) |
hsl(171,65%,38%) |
#A08F22 |
rgb(160,143,34) |
hsl(52,65%,38%) |