HEX #227ABB color — Mariner
The color #227ABB is a dark shade and highly saturated.
Palette
227ABB color palette from light to dark
HEX |
RGB |
HSL |
#f6fafd |
rgb(246,250,253) |
hsl(205,69%,98%) |
#e1eff9 |
rgb(225,239,249) |
hsl(205,69%,93%) |
#cbe4f6 |
rgb(203,228,246) |
hsl(205,69%,88%) |
#b6d9f2 |
rgb(182,217,242) |
hsl(205,69%,83%) |
#a0cdee |
rgb(160,205,238) |
hsl(205,69%,78%) |
#8bc2ea |
rgb(139,194,234) |
hsl(205,69%,73%) |
#75b7e6 |
rgb(117,183,230) |
hsl(205,69%,68%) |
#60ace2 |
rgb(96,172,226) |
hsl(205,69%,63%) |
#4aa0de |
rgb(74,160,222) |
hsl(205,69%,58%) |
#3495da |
rgb(52,149,218) |
hsl(205,69%,53%) |
#2688cf |
rgb(38,136,207) |
hsl(205,69%,48%) |
#227ab9 |
rgb(34,122,185) |
hsl(205,69%,43%) |
#1e6ca4 |
rgb(30,108,164) |
hsl(205,69%,38%) |
#1a5e8e |
rgb(26,94,142) |
hsl(205,69%,33%) |
#165079 |
rgb(22,80,121) |
hsl(205,69%,28%) |
#124163 |
rgb(18,65,99) |
hsl(205,69%,23%) |
#0e334e |
rgb(14,51,78) |
hsl(205,69%,18%) |
#0a2538 |
rgb(10,37,56) |
hsl(205,69%,13%) |
#061722 |
rgb(6,23,34) |
hsl(205,69%,8%) |
#02090d |
rgb(2,9,13) |
hsl(205,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BA96 |
rgb(34,186,150) |
hsl(166,69%,43%) |
#227ABB |
rgb(34,122,187) |
hsl(205,69%,43%) |
#3021BB |
rgb(48,33,187) |
hsl(246,70%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#469EDD |
rgb(70,158,221) |
hsl(205,69%,57%) |
#288CD7 |
rgb(40,140,215) |
hsl(206,69%,50%) |
#227ABB |
rgb(34,122,187) |
hsl(205,69%,43%) |
#1C669D |
rgb(28,102,157) |
hsl(206,70%,36%) |
#17547F |
rgb(23,84,127) |
hsl(205,69%,29%) |
#114061 |
rgb(17,64,97) |
hsl(205,70%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#227ABB |
rgb(34,122,187) |
hsl(205,69%,43%) |
#BB212D |
rgb(187,33,45) |
hsl(355,70%,43%) |
#BBB022 |
rgb(187,176,34) |
hsl(56,69%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227ABB |
rgb(34,122,187) |
hsl(205,69%,43%) |
#BB6322 |
rgb(187,99,34) |
hsl(25,69%,43%) |
#22BAAF |
rgb(34,186,175) |
hsl(176,69%,43%) |
#BBB022 |
rgb(187,176,34) |
hsl(56,69%,43%) |