HEX #2273B4 color — Mariner
The color #2273B4 is a dark shade and highly saturated.
Palette
2273B4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(207,68%,97%) |
#ddecf8 |
rgb(221,236,248) |
hsl(207,68%,92%) |
#c7e0f4 |
rgb(199,224,244) |
hsl(207,68%,87%) |
#b2d4f0 |
rgb(178,212,240) |
hsl(207,68%,82%) |
#9cc8ec |
rgb(156,200,236) |
hsl(207,68%,77%) |
#87bce8 |
rgb(135,188,232) |
hsl(207,68%,72%) |
#72b1e4 |
rgb(114,177,228) |
hsl(207,68%,67%) |
#5ca5e0 |
rgb(92,165,224) |
hsl(207,68%,62%) |
#4799dc |
rgb(71,153,220) |
hsl(207,68%,57%) |
#318dd8 |
rgb(49,141,216) |
hsl(207,68%,52%) |
#2680c9 |
rgb(38,128,201) |
hsl(207,68%,47%) |
#2272b4 |
rgb(34,114,180) |
hsl(207,68%,42%) |
#1e659f |
rgb(30,101,159) |
hsl(207,68%,37%) |
#1a5789 |
rgb(26,87,137) |
hsl(207,68%,32%) |
#164a74 |
rgb(22,74,116) |
hsl(207,68%,27%) |
#123c5e |
rgb(18,60,94) |
hsl(207,68%,22%) |
#0e2e49 |
rgb(14,46,73) |
hsl(207,68%,17%) |
#0a2133 |
rgb(10,33,51) |
hsl(207,68%,12%) |
#06131e |
rgb(6,19,30) |
hsl(207,68%,7%) |
#020509 |
rgb(2,5,9) |
hsl(207,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B593 |
rgb(34,181,147) |
hsl(166,68%,42%) |
#2273B4 |
rgb(34,115,180) |
hsl(207,68%,42%) |
#3221B4 |
rgb(50,33,180) |
hsl(247,69%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3F96DA |
rgb(63,150,218) |
hsl(206,68%,55%) |
#2785D0 |
rgb(39,133,208) |
hsl(207,68%,48%) |
#2273B4 |
rgb(34,115,180) |
hsl(207,68%,42%) |
#1C6197 |
rgb(28,97,151) |
hsl(206,69%,35%) |
#174F7A |
rgb(23,79,122) |
hsl(206,68%,28%) |
#113B5D |
rgb(17,59,93) |
hsl(207,69%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2273B4 |
rgb(34,115,180) |
hsl(207,68%,42%) |
#B4212A |
rgb(180,33,42) |
hsl(356,69%,42%) |
#B4AB22 |
rgb(180,171,34) |
hsl(56,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2273B4 |
rgb(34,115,180) |
hsl(207,68%,42%) |
#B46322 |
rgb(180,99,34) |
hsl(27,68%,42%) |
#22B5AC |
rgb(34,181,172) |
hsl(176,68%,42%) |
#B4AB22 |
rgb(180,171,34) |
hsl(56,68%,42%) |