HEX #2273D0 color — Mariner
The color #2273D0 is a dark shade and highly saturated.
Palette
2273D0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(212,72%,97%) |
#dceaf9 |
rgb(220,234,249) |
hsl(212,72%,92%) |
#c6dcf6 |
rgb(198,220,246) |
hsl(212,72%,87%) |
#b0cff2 |
rgb(176,207,242) |
hsl(212,72%,82%) |
#9ac2ef |
rgb(154,194,239) |
hsl(212,72%,77%) |
#84b4eb |
rgb(132,180,235) |
hsl(212,72%,72%) |
#6ea7e7 |
rgb(110,167,231) |
hsl(212,72%,67%) |
#5899e4 |
rgb(88,153,228) |
hsl(212,72%,62%) |
#428ce0 |
rgb(66,140,224) |
hsl(212,72%,57%) |
#2c7fdd |
rgb(44,127,221) |
hsl(212,72%,52%) |
#2272ce |
rgb(34,114,206) |
hsl(212,72%,47%) |
#1e66b8 |
rgb(30,102,184) |
hsl(212,72%,42%) |
#1a5aa2 |
rgb(26,90,162) |
hsl(212,72%,37%) |
#174e8c |
rgb(23,78,140) |
hsl(212,72%,32%) |
#134276 |
rgb(19,66,118) |
hsl(212,72%,27%) |
#103560 |
rgb(16,53,96) |
hsl(212,72%,22%) |
#0c294b |
rgb(12,41,75) |
hsl(212,72%,17%) |
#091d35 |
rgb(9,29,53) |
hsl(212,72%,12%) |
#05111f |
rgb(5,17,31) |
hsl(212,72%,7%) |
#010509 |
rgb(1,5,9) |
hsl(212,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D1B9 |
rgb(34,209,185) |
hsl(172,72%,48%) |
#2273D0 |
rgb(34,115,208) |
hsl(212,72%,47%) |
#4521D0 |
rgb(69,33,208) |
hsl(252,73%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B9CE4 |
rgb(91,156,228) |
hsl(212,72%,63%) |
#3987DE |
rgb(57,135,222) |
hsl(212,71%,55%) |
#2273D0 |
rgb(34,115,208) |
hsl(212,72%,47%) |
#1C61AE |
rgb(28,97,174) |
hsl(212,72%,40%) |
#174F8D |
rgb(23,79,141) |
hsl(212,72%,32%) |
#113B6C |
rgb(17,59,108) |
hsl(212,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2273D0 |
rgb(34,115,208) |
hsl(212,72%,47%) |
#D02922 |
rgb(208,41,34) |
hsl(2,72%,47%) |
#CAD122 |
rgb(202,209,34) |
hsl(62,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2273D0 |
rgb(34,115,208) |
hsl(212,72%,47%) |
#D08022 |
rgb(208,128,34) |
hsl(32,72%,47%) |
#22C9D0 |
rgb(34,201,208) |
hsl(182,72%,47%) |
#CAD122 |
rgb(202,209,34) |
hsl(62,72%,48%) |