HEX #2266B2 color — Matisse

The color #2266B2 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2266B2 color palette from light to dark

HEX RGB HSL
#f2f7fd rgb(242,247,253) hsl(212,68%,97%)
#ddeaf8 rgb(221,234,248) hsl(212,68%,92%)
#c7dcf4 rgb(199,220,244) hsl(212,68%,87%)
#b2cff0 rgb(178,207,240) hsl(212,68%,82%)
#9cc2ec rgb(156,194,236) hsl(212,68%,77%)
#87b4e8 rgb(135,180,232) hsl(212,68%,72%)
#72a7e4 rgb(114,167,228) hsl(212,68%,67%)
#5c9ae0 rgb(92,154,224) hsl(212,68%,62%)
#478cdc rgb(71,140,220) hsl(212,68%,57%)
#317fd8 rgb(49,127,216) hsl(212,68%,52%)
#2672c9 rgb(38,114,201) hsl(212,68%,47%)
#2266b4 rgb(34,102,180) hsl(212,68%,42%)
#1e5a9f rgb(30,90,159) hsl(212,68%,37%)
#1a4e89 rgb(26,78,137) hsl(212,68%,32%)
#164274 rgb(22,66,116) hsl(212,68%,27%)
#12365e rgb(18,54,94) hsl(212,68%,22%)
#0e2949 rgb(14,41,73) hsl(212,68%,17%)
#0a1d33 rgb(10,29,51) hsl(212,68%,12%)
#06111e rgb(6,17,30) hsl(212,68%,7%)
#020509 rgb(2,5,9) hsl(212,68%,2%)

Adjacent colors

HEX RGB HSL
#22B39E rgb(34,179,158) hsl(171,68%,42%)
#2266B2 rgb(34,102,178) hsl(212,68%,42%)
#3E21B2 rgb(62,33,178) hsl(252,69%,41%)

Monochromatic colors

HEX RGB HSL
#3D87DA rgb(61,135,218) hsl(212,68%,55%)
#2775CE rgb(39,117,206) hsl(212,68%,48%)
#2266B2 rgb(34,102,178) hsl(212,68%,42%)
#1C5795 rgb(28,87,149) hsl(211,68%,35%)
#174579 rgb(23,69,121) hsl(212,68%,28%)
#11365C rgb(17,54,92) hsl(210,69%,21%)

Triad color palettes

HEX RGB HSL
#2266B2 rgb(34,102,178) hsl(212,68%,42%)
#B22622 rgb(178,38,34) hsl(2,68%,42%)
#AEB322 rgb(174,179,34) hsl(62,68%,42%)

Tetrad color palettes

HEX RGB HSL
#2266B2 rgb(34,102,178) hsl(212,68%,42%)
#B26E22 rgb(178,110,34) hsl(32,68%,42%)
#22ADB2 rgb(34,173,178) hsl(182,68%,42%)
#AEB322 rgb(174,179,34) hsl(62,68%,42%)