HEX #2263A3 color — Matisse
The color #2263A3 is a dark shade and moderately saturated.
Palette
2263A3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,65%,99%) |
#e6f0fa |
rgb(230,240,250) |
hsl(210,65%,94%) |
#d1e3f5 |
rgb(209,227,245) |
hsl(210,65%,89%) |
#bcd6f1 |
rgb(188,214,241) |
hsl(210,65%,84%) |
#a7c9ec |
rgb(167,201,236) |
hsl(210,65%,79%) |
#92bde8 |
rgb(146,189,232) |
hsl(210,65%,74%) |
#7db0e3 |
rgb(125,176,227) |
hsl(210,65%,69%) |
#68a3df |
rgb(104,163,223) |
hsl(210,65%,64%) |
#5296da |
rgb(82,150,218) |
hsl(210,65%,59%) |
#3d8ad6 |
rgb(61,138,214) |
hsl(210,65%,54%) |
#2c7dce |
rgb(44,125,206) |
hsl(210,65%,49%) |
#2770b9 |
rgb(39,112,185) |
hsl(210,65%,44%) |
#2363a4 |
rgb(35,99,164) |
hsl(210,65%,39%) |
#1e578f |
rgb(30,87,143) |
hsl(210,65%,34%) |
#1a4a7a |
rgb(26,74,122) |
hsl(210,65%,29%) |
#153d65 |
rgb(21,61,101) |
hsl(210,65%,24%) |
#113050 |
rgb(17,48,80) |
hsl(210,65%,19%) |
#0c243b |
rgb(12,36,59) |
hsl(210,65%,14%) |
#081726 |
rgb(8,23,38) |
hsl(210,65%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(210,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A38D |
rgb(34,163,141) |
hsl(170,65%,39%) |
#2263A3 |
rgb(34,99,163) |
hsl(210,65%,39%) |
#3721A3 |
rgb(55,33,163) |
hsl(250,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2773BD |
rgb(39,115,189) |
hsl(210,66%,45%) |
#2263A3 |
rgb(34,99,163) |
hsl(210,65%,39%) |
#1C5488 |
rgb(28,84,136) |
hsl(209,66%,32%) |
#17426E |
rgb(23,66,110) |
hsl(210,65%,26%) |
#113354 |
rgb(17,51,84) |
hsl(210,66%,20%) |
#0C243A |
rgb(12,36,58) |
hsl(209,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2263A3 |
rgb(34,99,163) |
hsl(210,65%,39%) |
#A32122 |
rgb(163,33,34) |
hsl(360,66%,38%) |
#A3A322 |
rgb(163,163,34) |
hsl(60,65%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2263A3 |
rgb(34,99,163) |
hsl(210,65%,39%) |
#A36122 |
rgb(163,97,34) |
hsl(29,65%,39%) |
#22A3A2 |
rgb(34,163,162) |
hsl(180,65%,39%) |
#A3A322 |
rgb(163,163,34) |
hsl(60,65%,39%) |