HEX #227AB6 color — Mariner
The color #227AB6 is a dark shade and highly saturated.
Palette
227AB6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(204,69%,97%) |
#ddedf9 |
rgb(221,237,249) |
hsl(204,69%,92%) |
#c7e2f5 |
rgb(199,226,245) |
hsl(204,69%,87%) |
#b1d7f1 |
rgb(177,215,241) |
hsl(204,69%,82%) |
#9ccced |
rgb(156,204,237) |
hsl(204,69%,77%) |
#86c1e9 |
rgb(134,193,233) |
hsl(204,69%,72%) |
#71b6e5 |
rgb(113,182,229) |
hsl(204,69%,67%) |
#5babe1 |
rgb(91,171,225) |
hsl(204,69%,62%) |
#46a0dd |
rgb(70,160,221) |
hsl(204,69%,57%) |
#3095d9 |
rgb(48,149,217) |
hsl(204,69%,52%) |
#2588cb |
rgb(37,136,203) |
hsl(204,69%,47%) |
#217ab5 |
rgb(33,122,181) |
hsl(204,69%,42%) |
#1d6b9f |
rgb(29,107,159) |
hsl(204,69%,37%) |
#195d8a |
rgb(25,93,138) |
hsl(204,69%,32%) |
#154e74 |
rgb(21,78,116) |
hsl(204,69%,27%) |
#11405f |
rgb(17,64,95) |
hsl(204,69%,22%) |
#0d3149 |
rgb(13,49,73) |
hsl(204,69%,17%) |
#092334 |
rgb(9,35,52) |
hsl(204,69%,12%) |
#06141e |
rgb(6,20,30) |
hsl(204,69%,7%) |
#020609 |
rgb(2,6,9) |
hsl(204,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B58F |
rgb(34,181,143) |
hsl(164,68%,42%) |
#227AB6 |
rgb(34,122,182) |
hsl(204,69%,42%) |
#2C21B6 |
rgb(44,33,182) |
hsl(244,69%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#419EDB |
rgb(65,158,219) |
hsl(204,68%,56%) |
#278CD3 |
rgb(39,140,211) |
hsl(205,69%,49%) |
#227AB6 |
rgb(34,122,182) |
hsl(204,69%,42%) |
#1C6698 |
rgb(28,102,152) |
hsl(204,69%,35%) |
#17547B |
rgb(23,84,123) |
hsl(203,68%,29%) |
#11405E |
rgb(17,64,94) |
hsl(203,69%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AB6 |
rgb(34,122,182) |
hsl(204,69%,42%) |
#B62130 |
rgb(182,33,48) |
hsl(354,69%,42%) |
#B6A822 |
rgb(182,168,34) |
hsl(54,69%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AB6 |
rgb(34,122,182) |
hsl(204,69%,42%) |
#B65E22 |
rgb(182,94,34) |
hsl(24,69%,42%) |
#22B5A8 |
rgb(34,181,168) |
hsl(175,68%,42%) |
#B6A822 |
rgb(182,168,34) |
hsl(54,69%,42%) |