HEX #2270BB color — Mariner

The color #2270BB is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2270BB color palette from light to dark

HEX RGB HSL
#f6fafd rgb(246,250,253) hsl(209,69%,98%)
#e1eef9 rgb(225,238,249) hsl(209,69%,93%)
#cbe1f6 rgb(203,225,246) hsl(209,69%,88%)
#b6d5f2 rgb(182,213,242) hsl(209,69%,83%)
#a0c8ee rgb(160,200,238) hsl(209,69%,78%)
#8bbcea rgb(139,188,234) hsl(209,69%,73%)
#75afe6 rgb(117,175,230) hsl(209,69%,68%)
#60a3e2 rgb(96,163,226) hsl(209,69%,63%)
#4a96de rgb(74,150,222) hsl(209,69%,58%)
#348ada rgb(52,138,218) hsl(209,69%,53%)
#267dcf rgb(38,125,207) hsl(209,69%,48%)
#2270b9 rgb(34,112,185) hsl(209,69%,43%)
#1e63a4 rgb(30,99,164) hsl(209,69%,38%)
#1a568e rgb(26,86,142) hsl(209,69%,33%)
#164979 rgb(22,73,121) hsl(209,69%,28%)
#123c63 rgb(18,60,99) hsl(209,69%,23%)
#0e2f4e rgb(14,47,78) hsl(209,69%,18%)
#0a2238 rgb(10,34,56) hsl(209,69%,13%)
#061522 rgb(6,21,34) hsl(209,69%,8%)
#02080d rgb(2,8,13) hsl(209,69%,3%)

Adjacent colors

HEX RGB HSL
#22BAA0 rgb(34,186,160) hsl(170,69%,43%)
#2270BB rgb(34,112,187) hsl(209,69%,43%)
#3A21BB rgb(58,33,187) hsl(250,70%,43%)

Monochromatic colors

HEX RGB HSL
#4694DD rgb(70,148,221) hsl(209,69%,57%)
#2882D7 rgb(40,130,215) hsl(209,69%,50%)
#2270BB rgb(34,112,187) hsl(209,69%,43%)
#1C5E9D rgb(28,94,157) hsl(209,70%,36%)
#174D7F rgb(23,77,127) hsl(209,69%,29%)
#113B61 rgb(17,59,97) hsl(209,70%,22%)

Triad color palettes

HEX RGB HSL
#2270BB rgb(34,112,187) hsl(209,69%,43%)
#BB2123 rgb(187,33,35) hsl(359,70%,43%)
#BBBA22 rgb(187,186,34) hsl(60,69%,43%)

Tetrad color palettes

HEX RGB HSL
#2270BB rgb(34,112,187) hsl(209,69%,43%)
#BB6E22 rgb(187,110,34) hsl(30,69%,43%)
#22BAB9 rgb(34,186,185) hsl(180,69%,43%)
#BBBA22 rgb(187,186,34) hsl(60,69%,43%)