HEX #226BBA color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

226BBA color palette from light to dark

HEX RGB HSL
#f6fafd rgb(246,250,253) hsl(211,69%,98%)
#e1edf9 rgb(225,237,249) hsl(211,69%,93%)
#cbe0f6 rgb(203,224,246) hsl(211,69%,88%)
#b6d3f2 rgb(182,211,242) hsl(211,69%,83%)
#a0c6ee rgb(160,198,238) hsl(211,69%,78%)
#8bb9ea rgb(139,185,234) hsl(211,69%,73%)
#75ace6 rgb(117,172,230) hsl(211,69%,68%)
#609ee2 rgb(96,158,226) hsl(211,69%,63%)
#4a91de rgb(74,145,222) hsl(211,69%,58%)
#3484da rgb(52,132,218) hsl(211,69%,53%)
#2678cf rgb(38,120,207) hsl(211,69%,48%)
#226bb9 rgb(34,107,185) hsl(211,69%,43%)
#1e5fa4 rgb(30,95,164) hsl(211,69%,38%)
#1a528e rgb(26,82,142) hsl(211,69%,33%)
#164679 rgb(22,70,121) hsl(211,69%,28%)
#123963 rgb(18,57,99) hsl(211,69%,23%)
#0e2d4e rgb(14,45,78) hsl(211,69%,18%)
#0a2038 rgb(10,32,56) hsl(211,69%,13%)
#061422 rgb(6,20,34) hsl(211,69%,8%)
#02070d rgb(2,7,13) hsl(211,69%,3%)

Adjacent colors

HEX RGB HSL
#22BAA3 rgb(34,186,163) hsl(171,69%,43%)
#226BBA rgb(34,107,186) hsl(211,69%,43%)
#3E21BA rgb(62,33,186) hsl(251,70%,43%)

Monochromatic colors

HEX RGB HSL
#458FDD rgb(69,143,221) hsl(211,69%,57%)
#277DD7 rgb(39,125,215) hsl(211,69%,50%)
#226BBA rgb(34,107,186) hsl(211,69%,43%)
#1C599C rgb(28,89,156) hsl(211,70%,36%)
#174A7E rgb(23,74,126) hsl(210,69%,29%)
#113860 rgb(17,56,96) hsl(210,70%,22%)

Triad color palettes

HEX RGB HSL
#226BBA rgb(34,107,186) hsl(211,69%,43%)
#BA2622 rgb(186,38,34) hsl(2,69%,43%)
#B7BA22 rgb(183,186,34) hsl(61,69%,43%)

Tetrad color palettes

HEX RGB HSL
#226BBA rgb(34,107,186) hsl(211,69%,43%)
#BA7022 rgb(186,112,34) hsl(31,69%,43%)
#22B8BA rgb(34,184,186) hsl(181,69%,43%)
#B7BA22 rgb(183,186,34) hsl(61,69%,43%)