HEX #226BB2 color — Matisse

The color #226BB2 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

226BB2 color palette from light to dark

HEX RGB HSL
#f2f7fd rgb(242,247,253) hsl(210,68%,97%)
#ddebf8 rgb(221,235,248) hsl(210,68%,92%)
#c7def4 rgb(199,222,244) hsl(210,68%,87%)
#b2d1f0 rgb(178,209,240) hsl(210,68%,82%)
#9cc4ec rgb(156,196,236) hsl(210,68%,77%)
#87b8e8 rgb(135,184,232) hsl(210,68%,72%)
#72abe4 rgb(114,171,228) hsl(210,68%,67%)
#5c9ee0 rgb(92,158,224) hsl(210,68%,62%)
#4791dc rgb(71,145,220) hsl(210,68%,57%)
#3185d8 rgb(49,133,216) hsl(210,68%,52%)
#2678c9 rgb(38,120,201) hsl(210,68%,47%)
#226bb4 rgb(34,107,180) hsl(210,68%,42%)
#1e5e9f rgb(30,94,159) hsl(210,68%,37%)
#1a5289 rgb(26,82,137) hsl(210,68%,32%)
#164574 rgb(22,69,116) hsl(210,68%,27%)
#12385e rgb(18,56,94) hsl(210,68%,22%)
#0e2b49 rgb(14,43,73) hsl(210,68%,17%)
#0a1f33 rgb(10,31,51) hsl(210,68%,12%)
#06121e rgb(6,18,30) hsl(210,68%,7%)
#020509 rgb(2,5,9) hsl(210,68%,2%)

Adjacent colors

HEX RGB HSL
#22B399 rgb(34,179,153) hsl(169,68%,42%)
#226BB2 rgb(34,107,178) hsl(210,68%,42%)
#3921B2 rgb(57,33,178) hsl(250,69%,41%)

Monochromatic colors

HEX RGB HSL
#3D8CDA rgb(61,140,218) hsl(210,68%,55%)
#277DCE rgb(39,125,206) hsl(209,68%,48%)
#226BB2 rgb(34,107,178) hsl(210,68%,42%)
#1C5995 rgb(28,89,149) hsl(210,68%,35%)
#174A79 rgb(23,74,121) hsl(209,68%,28%)
#11385C rgb(17,56,92) hsl(209,69%,21%)

Triad color palettes

HEX RGB HSL
#226BB2 rgb(34,107,178) hsl(210,68%,42%)
#B22123 rgb(178,33,35) hsl(359,69%,41%)
#B2B022 rgb(178,176,34) hsl(59,68%,42%)

Tetrad color palettes

HEX RGB HSL
#226BB2 rgb(34,107,178) hsl(210,68%,42%)
#B26922 rgb(178,105,34) hsl(30,68%,42%)
#22B3B1 rgb(34,179,177) hsl(179,68%,42%)
#B2B022 rgb(178,176,34) hsl(59,68%,42%)