HEX #227ADD color — Mariner
The color #227ADD is a dark shade and highly saturated.
Palette
227ADD color palette from light to dark
HEX |
RGB |
HSL |
#e9f2fc |
rgb(233,242,252) |
hsl(212,73%,95%) |
#d3e4f8 |
rgb(211,228,248) |
hsl(212,73%,90%) |
#bdd7f5 |
rgb(189,215,245) |
hsl(212,73%,85%) |
#a7caf1 |
rgb(167,202,241) |
hsl(212,73%,80%) |
#91bcee |
rgb(145,188,238) |
hsl(212,73%,75%) |
#7bafea |
rgb(123,175,234) |
hsl(212,73%,70%) |
#65a1e7 |
rgb(101,161,231) |
hsl(212,73%,65%) |
#4f94e3 |
rgb(79,148,227) |
hsl(212,73%,60%) |
#3887e0 |
rgb(56,135,224) |
hsl(212,73%,55%) |
#2279dd |
rgb(34,121,221) |
hsl(212,73%,50%) |
#1f6dc7 |
rgb(31,109,199) |
hsl(212,73%,45%) |
#1c61b0 |
rgb(28,97,176) |
hsl(212,73%,40%) |
#18559a |
rgb(24,85,154) |
hsl(212,73%,35%) |
#154984 |
rgb(21,73,132) |
hsl(212,73%,30%) |
#113d6e |
rgb(17,61,110) |
hsl(212,73%,25%) |
#0e3158 |
rgb(14,49,88) |
hsl(212,73%,20%) |
#0a2442 |
rgb(10,36,66) |
hsl(212,73%,15%) |
#07182c |
rgb(7,24,44) |
hsl(212,73%,10%) |
#030c16 |
rgb(3,12,22) |
hsl(212,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22DEC3 |
rgb(34,222,195) |
hsl(171,74%,50%) |
#227ADD |
rgb(34,122,221) |
hsl(212,73%,50%) |
#4621DD |
rgb(70,33,221) |
hsl(252,74%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#68A6E7 |
rgb(104,166,231) |
hsl(211,73%,66%) |
#458FE2 |
rgb(69,143,226) |
hsl(212,73%,58%) |
#227ADD |
rgb(34,122,221) |
hsl(212,73%,50%) |
#1C66B9 |
rgb(28,102,185) |
hsl(212,74%,42%) |
#175496 |
rgb(23,84,150) |
hsl(211,73%,34%) |
#114072 |
rgb(17,64,114) |
hsl(211,74%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#227ADD |
rgb(34,122,221) |
hsl(212,73%,50%) |
#DD2622 |
rgb(221,38,34) |
hsl(1,73%,50%) |
#D7DE22 |
rgb(215,222,34) |
hsl(62,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227ADD |
rgb(34,122,221) |
hsl(212,73%,50%) |
#DD8522 |
rgb(221,133,34) |
hsl(32,73%,50%) |
#22D9DD |
rgb(34,217,221) |
hsl(181,73%,50%) |
#D7DE22 |
rgb(215,222,34) |
hsl(62,74%,50%) |