HEX #2269A3 color — Matisse
The color #2269A3 is a dark shade and moderately saturated.
Palette
2269A3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,65%,99%) |
#e6f1fa |
rgb(230,241,250) |
hsl(207,65%,94%) |
#d1e5f5 |
rgb(209,229,245) |
hsl(207,65%,89%) |
#bcd9f1 |
rgb(188,217,241) |
hsl(207,65%,84%) |
#a7cdec |
rgb(167,205,236) |
hsl(207,65%,79%) |
#92c1e8 |
rgb(146,193,232) |
hsl(207,65%,74%) |
#7db5e3 |
rgb(125,181,227) |
hsl(207,65%,69%) |
#68a9df |
rgb(104,169,223) |
hsl(207,65%,64%) |
#529dda |
rgb(82,157,218) |
hsl(207,65%,59%) |
#3d91d6 |
rgb(61,145,214) |
hsl(207,65%,54%) |
#2c85ce |
rgb(44,133,206) |
hsl(207,65%,49%) |
#2777b9 |
rgb(39,119,185) |
hsl(207,65%,44%) |
#236aa4 |
rgb(35,106,164) |
hsl(207,65%,39%) |
#1e5c8f |
rgb(30,92,143) |
hsl(207,65%,34%) |
#1a4f7a |
rgb(26,79,122) |
hsl(207,65%,29%) |
#154165 |
rgb(21,65,101) |
hsl(207,65%,24%) |
#113450 |
rgb(17,52,80) |
hsl(207,65%,19%) |
#0c263b |
rgb(12,38,59) |
hsl(207,65%,14%) |
#081826 |
rgb(8,24,38) |
hsl(207,65%,9%) |
#040b11 |
rgb(4,11,17) |
hsl(207,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A387 |
rgb(34,163,135) |
hsl(167,65%,39%) |
#2269A3 |
rgb(34,105,163) |
hsl(207,65%,39%) |
#3121A3 |
rgb(49,33,163) |
hsl(247,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#277ABD |
rgb(39,122,189) |
hsl(207,66%,45%) |
#2269A3 |
rgb(34,105,163) |
hsl(207,65%,39%) |
#1C5988 |
rgb(28,89,136) |
hsl(206,66%,32%) |
#17476E |
rgb(23,71,110) |
hsl(207,65%,26%) |
#113654 |
rgb(17,54,84) |
hsl(207,66%,20%) |
#0C263A |
rgb(12,38,58) |
hsl(206,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2269A3 |
rgb(34,105,163) |
hsl(207,65%,39%) |
#A32128 |
rgb(163,33,40) |
hsl(357,66%,38%) |
#A39C22 |
rgb(163,156,34) |
hsl(57,65%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2269A3 |
rgb(34,105,163) |
hsl(207,65%,39%) |
#A35C22 |
rgb(163,92,34) |
hsl(27,65%,39%) |
#22A39C |
rgb(34,163,156) |
hsl(177,65%,39%) |
#A39C22 |
rgb(163,156,34) |
hsl(57,65%,39%) |