HEX #2263A4 color — Matisse
The color #2263A4 is a dark shade and moderately saturated.
Palette
2263A4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,66%,99%) |
#e6f0fa |
rgb(230,240,250) |
hsl(210,66%,94%) |
#d0e3f5 |
rgb(208,227,245) |
hsl(210,66%,89%) |
#bbd6f1 |
rgb(187,214,241) |
hsl(210,66%,84%) |
#a6c9ed |
rgb(166,201,237) |
hsl(210,66%,79%) |
#91bde8 |
rgb(145,189,232) |
hsl(210,66%,74%) |
#7cb0e4 |
rgb(124,176,228) |
hsl(210,66%,69%) |
#67a3e0 |
rgb(103,163,224) |
hsl(210,66%,64%) |
#5196db |
rgb(81,150,219) |
hsl(210,66%,59%) |
#3c8ad7 |
rgb(60,138,215) |
hsl(210,66%,54%) |
#2a7dcf |
rgb(42,125,207) |
hsl(210,66%,49%) |
#2670ba |
rgb(38,112,186) |
hsl(210,66%,44%) |
#2263a5 |
rgb(34,99,165) |
hsl(210,66%,39%) |
#1d5790 |
rgb(29,87,144) |
hsl(210,66%,34%) |
#194a7b |
rgb(25,74,123) |
hsl(210,66%,29%) |
#153d66 |
rgb(21,61,102) |
hsl(210,66%,24%) |
#103050 |
rgb(16,48,80) |
hsl(210,66%,19%) |
#0c243b |
rgb(12,36,59) |
hsl(210,66%,14%) |
#081726 |
rgb(8,23,38) |
hsl(210,66%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(210,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A38E |
rgb(34,163,142) |
hsl(170,65%,39%) |
#2263A4 |
rgb(34,99,164) |
hsl(210,66%,39%) |
#3721A4 |
rgb(55,33,164) |
hsl(250,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2773BE |
rgb(39,115,190) |
hsl(210,66%,45%) |
#2263A4 |
rgb(34,99,164) |
hsl(210,66%,39%) |
#1C5489 |
rgb(28,84,137) |
hsl(209,66%,32%) |
#17426F |
rgb(23,66,111) |
hsl(211,66%,26%) |
#113355 |
rgb(17,51,85) |
hsl(210,67%,20%) |
#0C243B |
rgb(12,36,59) |
hsl(209,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2263A4 |
rgb(34,99,164) |
hsl(210,66%,39%) |
#A42122 |
rgb(164,33,34) |
hsl(360,66%,39%) |
#A4A322 |
rgb(164,163,34) |
hsl(60,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2263A4 |
rgb(34,99,164) |
hsl(210,66%,39%) |
#A46322 |
rgb(164,99,34) |
hsl(30,66%,39%) |
#22A3A4 |
rgb(34,163,164) |
hsl(180,66%,39%) |
#A4A322 |
rgb(164,163,34) |
hsl(60,66%,39%) |