HEX #2275A1 color — Matisse
The color #2275A1 is a dark shade and moderately saturated.
Palette
2275A1 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(201,65%,98%) |
#e2f1f9 |
rgb(226,241,249) |
hsl(201,65%,93%) |
#cde6f4 |
rgb(205,230,244) |
hsl(201,65%,88%) |
#b7dcf0 |
rgb(183,220,240) |
hsl(201,65%,83%) |
#a2d2eb |
rgb(162,210,235) |
hsl(201,65%,78%) |
#8dc8e7 |
rgb(141,200,231) |
hsl(201,65%,73%) |
#78bde2 |
rgb(120,189,226) |
hsl(201,65%,68%) |
#63b3de |
rgb(99,179,222) |
hsl(201,65%,63%) |
#4ea9da |
rgb(78,169,218) |
hsl(201,65%,58%) |
#399fd5 |
rgb(57,159,213) |
hsl(201,65%,53%) |
#2b92ca |
rgb(43,146,202) |
hsl(201,65%,48%) |
#2683b5 |
rgb(38,131,181) |
hsl(201,65%,43%) |
#2274a0 |
rgb(34,116,160) |
hsl(201,65%,38%) |
#1d658b |
rgb(29,101,139) |
hsl(201,65%,33%) |
#195576 |
rgb(25,85,118) |
hsl(201,65%,28%) |
#154661 |
rgb(21,70,97) |
hsl(201,65%,23%) |
#10374c |
rgb(16,55,76) |
hsl(201,65%,18%) |
#0c2837 |
rgb(12,40,55) |
hsl(201,65%,13%) |
#071822 |
rgb(7,24,34) |
hsl(201,65%,8%) |
#03090d |
rgb(3,9,13) |
hsl(201,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A178 |
rgb(34,161,120) |
hsl(161,65%,38%) |
#2275A1 |
rgb(34,117,161) |
hsl(201,65%,38%) |
#2321A1 |
rgb(35,33,161) |
hsl(241,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2787BA |
rgb(39,135,186) |
hsl(201,65%,44%) |
#2275A1 |
rgb(34,117,161) |
hsl(201,65%,38%) |
#1C6387 |
rgb(28,99,135) |
hsl(200,66%,32%) |
#174F6D |
rgb(23,79,109) |
hsl(201,65%,26%) |
#113D53 |
rgb(17,61,83) |
hsl(200,66%,20%) |
#0C2B39 |
rgb(12,43,57) |
hsl(199,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275A1 |
rgb(34,117,161) |
hsl(201,65%,38%) |
#A12135 |
rgb(161,33,53) |
hsl(351,66%,38%) |
#A18C22 |
rgb(161,140,34) |
hsl(50,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275A1 |
rgb(34,117,161) |
hsl(201,65%,38%) |
#A14F22 |
rgb(161,79,34) |
hsl(21,65%,38%) |
#22A18D |
rgb(34,161,141) |
hsl(171,65%,38%) |
#A18C22 |
rgb(161,140,34) |
hsl(50,65%,38%) |