HEX #2272A0 color — Matisse

The color #2272a0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)