HEX #2275A4 color — Matisse
The color #2275A4 is a dark shade and moderately saturated.
Palette
2275A4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(202,66%,99%) |
#e6f2fa |
rgb(230,242,250) |
hsl(202,66%,94%) |
#d0e8f5 |
rgb(208,232,245) |
hsl(202,66%,89%) |
#bbddf1 |
rgb(187,221,241) |
hsl(202,66%,84%) |
#a6d3ed |
rgb(166,211,237) |
hsl(202,66%,79%) |
#91c8e8 |
rgb(145,200,232) |
hsl(202,66%,74%) |
#7cbee4 |
rgb(124,190,228) |
hsl(202,66%,69%) |
#67b3e0 |
rgb(103,179,224) |
hsl(202,66%,64%) |
#51a9db |
rgb(81,169,219) |
hsl(202,66%,59%) |
#3c9ed7 |
rgb(60,158,215) |
hsl(202,66%,54%) |
#2a93cf |
rgb(42,147,207) |
hsl(202,66%,49%) |
#2684ba |
rgb(38,132,186) |
hsl(202,66%,44%) |
#2275a5 |
rgb(34,117,165) |
hsl(202,66%,39%) |
#1d6690 |
rgb(29,102,144) |
hsl(202,66%,34%) |
#19577b |
rgb(25,87,123) |
hsl(202,66%,29%) |
#154866 |
rgb(21,72,102) |
hsl(202,66%,24%) |
#103950 |
rgb(16,57,80) |
hsl(202,66%,19%) |
#0c2a3b |
rgb(12,42,59) |
hsl(202,66%,14%) |
#081b26 |
rgb(8,27,38) |
hsl(202,66%,9%) |
#030c11 |
rgb(3,12,17) |
hsl(202,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A37C |
rgb(34,163,124) |
hsl(162,65%,39%) |
#2275A4 |
rgb(34,117,164) |
hsl(202,66%,39%) |
#2521A4 |
rgb(37,33,164) |
hsl(242,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2787BE |
rgb(39,135,190) |
hsl(202,66%,45%) |
#2275A4 |
rgb(34,117,164) |
hsl(202,66%,39%) |
#1C6389 |
rgb(28,99,137) |
hsl(201,66%,32%) |
#174F6F |
rgb(23,79,111) |
hsl(202,66%,26%) |
#113D55 |
rgb(17,61,85) |
hsl(201,67%,20%) |
#0C2B3B |
rgb(12,43,59) |
hsl(200,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275A4 |
rgb(34,117,164) |
hsl(202,66%,39%) |
#A42134 |
rgb(164,33,52) |
hsl(351,66%,39%) |
#A49122 |
rgb(164,145,34) |
hsl(51,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275A4 |
rgb(34,117,164) |
hsl(202,66%,39%) |
#A45222 |
rgb(164,82,34) |
hsl(22,66%,39%) |
#22A392 |
rgb(34,163,146) |
hsl(172,65%,39%) |
#A49122 |
rgb(164,145,34) |
hsl(51,66%,39%) |