HEX #2270BB color — Mariner
The color #2270BB is a dark shade and highly saturated.
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%) |