HEX #2278BB color — Mariner
The color #2278BB is a dark shade and highly saturated.
Palette
2278BB color palette from light to dark
HEX |
RGB |
HSL |
#f6fafd |
rgb(246,250,253) |
hsl(206,69%,98%) |
#e1eff9 |
rgb(225,239,249) |
hsl(206,69%,93%) |
#cbe3f6 |
rgb(203,227,246) |
hsl(206,69%,88%) |
#b6d8f2 |
rgb(182,216,242) |
hsl(206,69%,83%) |
#a0ccee |
rgb(160,204,238) |
hsl(206,69%,78%) |
#8bc0ea |
rgb(139,192,234) |
hsl(206,69%,73%) |
#75b5e6 |
rgb(117,181,230) |
hsl(206,69%,68%) |
#60a9e2 |
rgb(96,169,226) |
hsl(206,69%,63%) |
#4a9ede |
rgb(74,158,222) |
hsl(206,69%,58%) |
#3492da |
rgb(52,146,218) |
hsl(206,69%,53%) |
#2686cf |
rgb(38,134,207) |
hsl(206,69%,48%) |
#2278b9 |
rgb(34,120,185) |
hsl(206,69%,43%) |
#1e6aa4 |
rgb(30,106,164) |
hsl(206,69%,38%) |
#1a5c8e |
rgb(26,92,142) |
hsl(206,69%,33%) |
#164e79 |
rgb(22,78,121) |
hsl(206,69%,28%) |
#124063 |
rgb(18,64,99) |
hsl(206,69%,23%) |
#0e324e |
rgb(14,50,78) |
hsl(206,69%,18%) |
#0a2438 |
rgb(10,36,56) |
hsl(206,69%,13%) |
#061622 |
rgb(6,22,34) |
hsl(206,69%,8%) |
#02080d |
rgb(2,8,13) |
hsl(206,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BA98 |
rgb(34,186,152) |
hsl(167,69%,43%) |
#2278BB |
rgb(34,120,187) |
hsl(206,69%,43%) |
#3221BB |
rgb(50,33,187) |
hsl(247,70%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#469CDD |
rgb(70,156,221) |
hsl(206,69%,57%) |
#288CD7 |
rgb(40,140,215) |
hsl(206,69%,50%) |
#2278BB |
rgb(34,120,187) |
hsl(206,69%,43%) |
#1C669D |
rgb(28,102,157) |
hsl(206,70%,36%) |
#17527F |
rgb(23,82,127) |
hsl(206,69%,29%) |
#113D61 |
rgb(17,61,97) |
hsl(207,70%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278BB |
rgb(34,120,187) |
hsl(206,69%,43%) |
#BB212B |
rgb(187,33,43) |
hsl(356,70%,43%) |
#BBB322 |
rgb(187,179,34) |
hsl(57,69%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278BB |
rgb(34,120,187) |
hsl(206,69%,43%) |
#BB6622 |
rgb(187,102,34) |
hsl(27,69%,43%) |
#22BAB1 |
rgb(34,186,177) |
hsl(176,69%,43%) |
#BBB322 |
rgb(187,179,34) |
hsl(57,69%,43%) |