HEX #2269A4 color — Matisse
The color #2269A4 is a dark shade and moderately saturated.
Palette
2269A4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,66%,99%) |
#e6f1fa |
rgb(230,241,250) |
hsl(207,66%,94%) |
#d0e5f5 |
rgb(208,229,245) |
hsl(207,66%,89%) |
#bbd9f1 |
rgb(187,217,241) |
hsl(207,66%,84%) |
#a6cded |
rgb(166,205,237) |
hsl(207,66%,79%) |
#91c1e8 |
rgb(145,193,232) |
hsl(207,66%,74%) |
#7cb5e4 |
rgb(124,181,228) |
hsl(207,66%,69%) |
#67a9e0 |
rgb(103,169,224) |
hsl(207,66%,64%) |
#519ddb |
rgb(81,157,219) |
hsl(207,66%,59%) |
#3c91d7 |
rgb(60,145,215) |
hsl(207,66%,54%) |
#2a85cf |
rgb(42,133,207) |
hsl(207,66%,49%) |
#2678ba |
rgb(38,120,186) |
hsl(207,66%,44%) |
#226aa5 |
rgb(34,106,165) |
hsl(207,66%,39%) |
#1d5c90 |
rgb(29,92,144) |
hsl(207,66%,34%) |
#194f7b |
rgb(25,79,123) |
hsl(207,66%,29%) |
#154166 |
rgb(21,65,102) |
hsl(207,66%,24%) |
#103450 |
rgb(16,52,80) |
hsl(207,66%,19%) |
#0c263b |
rgb(12,38,59) |
hsl(207,66%,14%) |
#081826 |
rgb(8,24,38) |
hsl(207,66%,9%) |
#030b11 |
rgb(3,11,17) |
hsl(207,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A388 |
rgb(34,163,136) |
hsl(167,65%,39%) |
#2269A4 |
rgb(34,105,164) |
hsl(207,66%,39%) |
#3121A4 |
rgb(49,33,164) |
hsl(247,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#277ABE |
rgb(39,122,190) |
hsl(207,66%,45%) |
#2269A4 |
rgb(34,105,164) |
hsl(207,66%,39%) |
#1C5989 |
rgb(28,89,137) |
hsl(206,66%,32%) |
#17476F |
rgb(23,71,111) |
hsl(207,66%,26%) |
#113655 |
rgb(17,54,85) |
hsl(207,67%,20%) |
#0C263B |
rgb(12,38,59) |
hsl(207,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2269A4 |
rgb(34,105,164) |
hsl(207,66%,39%) |
#A42128 |
rgb(164,33,40) |
hsl(357,66%,39%) |
#A49E22 |
rgb(164,158,34) |
hsl(57,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2269A4 |
rgb(34,105,164) |
hsl(207,66%,39%) |
#A45C22 |
rgb(164,92,34) |
hsl(27,66%,39%) |
#22A39E |
rgb(34,163,158) |
hsl(178,65%,39%) |
#A49E22 |
rgb(164,158,34) |
hsl(57,66%,39%) |