HEX #2275A7 color — Matisse
The color #2275A7 is a dark shade and moderately saturated.
Palette
2275A7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(203,66%,99%) |
#e6f2fa |
rgb(230,242,250) |
hsl(203,66%,94%) |
#d0e7f5 |
rgb(208,231,245) |
hsl(203,66%,89%) |
#bbdcf1 |
rgb(187,220,241) |
hsl(203,66%,84%) |
#a6d2ed |
rgb(166,210,237) |
hsl(203,66%,79%) |
#91c7e8 |
rgb(145,199,232) |
hsl(203,66%,74%) |
#7cbce4 |
rgb(124,188,228) |
hsl(203,66%,69%) |
#67b1e0 |
rgb(103,177,224) |
hsl(203,66%,64%) |
#51a7db |
rgb(81,167,219) |
hsl(203,66%,59%) |
#3c9cd7 |
rgb(60,156,215) |
hsl(203,66%,54%) |
#2a90cf |
rgb(42,144,207) |
hsl(203,66%,49%) |
#2681ba |
rgb(38,129,186) |
hsl(203,66%,44%) |
#2273a5 |
rgb(34,115,165) |
hsl(203,66%,39%) |
#1d6490 |
rgb(29,100,144) |
hsl(203,66%,34%) |
#19557b |
rgb(25,85,123) |
hsl(203,66%,29%) |
#154766 |
rgb(21,71,102) |
hsl(203,66%,24%) |
#103850 |
rgb(16,56,80) |
hsl(203,66%,19%) |
#0c293b |
rgb(12,41,59) |
hsl(203,66%,14%) |
#081a26 |
rgb(8,26,38) |
hsl(203,66%,9%) |
#030c11 |
rgb(3,12,17) |
hsl(203,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A680 |
rgb(34,166,128) |
hsl(163,66%,39%) |
#2275A7 |
rgb(34,117,167) |
hsl(203,66%,39%) |
#2721A7 |
rgb(39,33,167) |
hsl(243,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2787C1 |
rgb(39,135,193) |
hsl(203,66%,45%) |
#2275A7 |
rgb(34,117,167) |
hsl(203,66%,39%) |
#1C638C |
rgb(28,99,140) |
hsl(202,67%,33%) |
#174F71 |
rgb(23,79,113) |
hsl(203,66%,27%) |
#113D56 |
rgb(17,61,86) |
hsl(202,67%,20%) |
#0C2B3C |
rgb(12,43,60) |
hsl(201,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275A7 |
rgb(34,117,167) |
hsl(203,66%,39%) |
#A72132 |
rgb(167,33,50) |
hsl(352,67%,39%) |
#A79622 |
rgb(167,150,34) |
hsl(52,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275A7 |
rgb(34,117,167) |
hsl(203,66%,39%) |
#A75422 |
rgb(167,84,34) |
hsl(23,66%,39%) |
#22A696 |
rgb(34,166,150) |
hsl(173,66%,39%) |
#A79622 |
rgb(167,150,34) |
hsl(52,66%,39%) |