HEX #226BC0 color — Mariner
The color #226BC0 is a dark shade and highly saturated.
Palette
226BC0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,70%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(212,70%,94%) |
#cfe2f7 |
rgb(207,226,247) |
hsl(212,70%,89%) |
#bad4f3 |
rgb(186,212,243) |
hsl(212,70%,84%) |
#a4c7ef |
rgb(164,199,239) |
hsl(212,70%,79%) |
#8ebaeb |
rgb(142,186,235) |
hsl(212,70%,74%) |
#79ace7 |
rgb(121,172,231) |
hsl(212,70%,69%) |
#639fe3 |
rgb(99,159,227) |
hsl(212,70%,64%) |
#4d92e0 |
rgb(77,146,224) |
hsl(212,70%,59%) |
#3884dc |
rgb(56,132,220) |
hsl(212,70%,54%) |
#2577d4 |
rgb(37,119,212) |
hsl(212,70%,49%) |
#226bbf |
rgb(34,107,191) |
hsl(212,70%,44%) |
#1e5fa9 |
rgb(30,95,169) |
hsl(212,70%,39%) |
#1a5393 |
rgb(26,83,147) |
hsl(212,70%,34%) |
#16467e |
rgb(22,70,126) |
hsl(212,70%,29%) |
#123a68 |
rgb(18,58,104) |
hsl(212,70%,24%) |
#0f2e52 |
rgb(15,46,82) |
hsl(212,70%,19%) |
#0b223d |
rgb(11,34,61) |
hsl(212,70%,14%) |
#071627 |
rgb(7,22,39) |
hsl(212,70%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(212,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BFAB |
rgb(34,191,171) |
hsl(172,70%,44%) |
#226BC0 |
rgb(34,107,192) |
hsl(212,70%,44%) |
#4221C0 |
rgb(66,33,192) |
hsl(252,71%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B8FDF |
rgb(75,143,223) |
hsl(212,70%,58%) |
#2C7DD9 |
rgb(44,125,217) |
hsl(212,69%,51%) |
#226BC0 |
rgb(34,107,192) |
hsl(212,70%,44%) |
#1C59A1 |
rgb(28,89,161) |
hsl(212,70%,37%) |
#174A82 |
rgb(23,74,130) |
hsl(211,70%,30%) |
#113863 |
rgb(17,56,99) |
hsl(211,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#226BC0 |
rgb(34,107,192) |
hsl(212,70%,44%) |
#C02922 |
rgb(192,41,34) |
hsl(3,70%,44%) |
#BABF22 |
rgb(186,191,34) |
hsl(62,70%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226BC0 |
rgb(34,107,192) |
hsl(212,70%,44%) |
#C07822 |
rgb(192,120,34) |
hsl(33,70%,44%) |
#22BAC0 |
rgb(34,186,192) |
hsl(182,70%,44%) |
#BABF22 |
rgb(186,191,34) |
hsl(62,70%,44%) |