HEX #227AD8 color — Mariner
The color #227ad8 is a dark shade and highly saturated.
Palette
227ad8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(211,73%,99%) |
#e5effb |
rgb(229,239,251) |
hsl(211,73%,94%) |
#cee2f7 |
rgb(206,226,247) |
hsl(211,73%,89%) |
#b8d5f4 |
rgb(184,213,244) |
hsl(211,73%,84%) |
#a2c8f1 |
rgb(162,200,241) |
hsl(211,73%,79%) |
#8cbbed |
rgb(140,187,237) |
hsl(211,73%,74%) |
#76aeea |
rgb(118,174,234) |
hsl(211,73%,69%) |
#60a1e6 |
rgb(96,161,230) |
hsl(211,73%,64%) |
#4a94e3 |
rgb(74,148,227) |
hsl(211,73%,59%) |
#3487df |
rgb(52,135,223) |
hsl(211,73%,54%) |
#227ad8 |
rgb(34,122,216) |
hsl(211,73%,49%) |
#1e6dc2 |
rgb(30,109,194) |
hsl(211,73%,44%) |
#1b61ac |
rgb(27,97,172) |
hsl(211,73%,39%) |
#175596 |
rgb(23,85,150) |
hsl(211,73%,34%) |
#144880 |
rgb(20,72,128) |
hsl(211,73%,29%) |
#113c6a |
rgb(17,60,106) |
hsl(211,73%,24%) |
#0d2f54 |
rgb(13,47,84) |
hsl(211,73%,19%) |
#0a233e |
rgb(10,35,62) |
hsl(211,73%,14%) |
#061628 |
rgb(6,22,40) |
hsl(211,73%,9%) |
#030a12 |
rgb(3,10,18) |
hsl(211,73%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D9BC |
rgb(34,217,188) |
hsl(170,73%,49%) |
#227AD8 |
rgb(34,122,216) |
hsl(211,73%,49%) |
#4321D8 |
rgb(67,33,216) |
hsl(251,73%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#63A3E6 |
rgb(99,163,230) |
hsl(211,72%,65%) |
#408FE1 |
rgb(64,143,225) |
hsl(211,73%,57%) |
#227AD8 |
rgb(34,122,216) |
hsl(211,73%,49%) |
#1C66B5 |
rgb(28,102,181) |
hsl(211,73%,41%) |
#175492 |
rgb(23,84,146) |
hsl(210,73%,33%) |
#114070 |
rgb(17,64,112) |
hsl(210,74%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AD8 |
rgb(34,122,216) |
hsl(211,73%,49%) |
#D82622 |
rgb(216,38,34) |
hsl(1,73%,49%) |
#D5D922 |
rgb(213,217,34) |
hsl(61,73%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AD8 |
rgb(34,122,216) |
hsl(211,73%,49%) |
#D88022 |
rgb(216,128,34) |
hsl(31,73%,49%) |
#22D6D8 |
rgb(34,214,216) |
hsl(181,73%,49%) |
#D5D922 |
rgb(213,217,34) |
hsl(61,73%,49%) |