HEX #2275A8 color — Matisse
The color #2275A8 is a dark shade and moderately saturated.
Palette
2275A8 color palette from light to dark
HEX |
RGB |
HSL |
#eaf4fb |
rgb(234,244,251) |
hsl(203,66%,95%) |
#d5e9f6 |
rgb(213,233,246) |
hsl(203,66%,90%) |
#c0dff2 |
rgb(192,223,242) |
hsl(203,66%,85%) |
#aad4ee |
rgb(170,212,238) |
hsl(203,66%,80%) |
#95c9e9 |
rgb(149,201,233) |
hsl(203,66%,75%) |
#80bee5 |
rgb(128,190,229) |
hsl(203,66%,70%) |
#6bb3e1 |
rgb(107,179,225) |
hsl(203,66%,65%) |
#56a9dc |
rgb(86,169,220) |
hsl(203,66%,60%) |
#419ed8 |
rgb(65,158,216) |
hsl(203,66%,55%) |
#2b93d4 |
rgb(43,147,212) |
hsl(203,66%,50%) |
#2784be |
rgb(39,132,190) |
hsl(203,66%,45%) |
#2376a9 |
rgb(35,118,169) |
hsl(203,66%,40%) |
#1e6794 |
rgb(30,103,148) |
hsl(203,66%,35%) |
#1a587f |
rgb(26,88,127) |
hsl(203,66%,30%) |
#164a6a |
rgb(22,74,106) |
hsl(203,66%,25%) |
#113b55 |
rgb(17,59,85) |
hsl(203,66%,20%) |
#0d2c3f |
rgb(13,44,63) |
hsl(203,66%,15%) |
#091d2a |
rgb(9,29,42) |
hsl(203,66%,10%) |
#040f15 |
rgb(4,15,21) |
hsl(203,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A881 |
rgb(34,168,129) |
hsl(163,66%,40%) |
#2275A8 |
rgb(34,117,168) |
hsl(203,66%,40%) |
#2821A8 |
rgb(40,33,168) |
hsl(243,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2787C2 |
rgb(39,135,194) |
hsl(203,67%,46%) |
#2275A8 |
rgb(34,117,168) |
hsl(203,66%,40%) |
#1C638D |
rgb(28,99,141) |
hsl(202,67%,33%) |
#174F72 |
rgb(23,79,114) |
hsl(203,66%,27%) |
#113D57 |
rgb(17,61,87) |
hsl(202,67%,20%) |
#0C2B3C |
rgb(12,43,60) |
hsl(201,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275A8 |
rgb(34,117,168) |
hsl(203,66%,40%) |
#A82132 |
rgb(168,33,50) |
hsl(352,67%,39%) |
#A89922 |
rgb(168,153,34) |
hsl(53,66%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275A8 |
rgb(34,117,168) |
hsl(203,66%,40%) |
#A85422 |
rgb(168,84,34) |
hsl(22,66%,40%) |
#22A898 |
rgb(34,168,152) |
hsl(173,66%,40%) |
#A89922 |
rgb(168,153,34) |
hsl(53,66%,40%) |