HEX #2270B9 color — Mariner
The color #2270B9 is a dark shade and highly saturated.
Palette
2270B9 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 |
#22BA9D |
rgb(34,186,157) |
hsl(169,69%,43%) |
#2270B9 |
rgb(34,112,185) |
hsl(209,69%,43%) |
#3821B9 |
rgb(56,33,185) |
hsl(249,70%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4494DC |
rgb(68,148,220) |
hsl(208,68%,56%) |
#2782D6 |
rgb(39,130,214) |
hsl(209,69%,50%) |
#2270B9 |
rgb(34,112,185) |
hsl(209,69%,43%) |
#1C5E9B |
rgb(28,94,155) |
hsl(209,69%,36%) |
#174D7D |
rgb(23,77,125) |
hsl(208,69%,29%) |
#113B60 |
rgb(17,59,96) |
hsl(208,70%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270B9 |
rgb(34,112,185) |
hsl(209,69%,43%) |
#B92124 |
rgb(185,33,36) |
hsl(359,70%,43%) |
#B9B822 |
rgb(185,184,34) |
hsl(60,69%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270B9 |
rgb(34,112,185) |
hsl(209,69%,43%) |
#B96B22 |
rgb(185,107,34) |
hsl(29,69%,43%) |
#22BAB6 |
rgb(34,186,182) |
hsl(178,69%,43%) |
#B9B822 |
rgb(185,184,34) |
hsl(60,69%,43%) |