HEX #226BC6 color — Mariner
The color #226BC6 is a dark shade and highly saturated.
Palette
226BC6 color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fb |
rgb(233,241,251) |
hsl(213,71%,95%) |
#d3e4f8 |
rgb(211,228,248) |
hsl(213,71%,90%) |
#bed6f4 |
rgb(190,214,244) |
hsl(213,71%,85%) |
#a8c8f0 |
rgb(168,200,240) |
hsl(213,71%,80%) |
#92bbed |
rgb(146,187,237) |
hsl(213,71%,75%) |
#7cade9 |
rgb(124,173,233) |
hsl(213,71%,70%) |
#669fe5 |
rgb(102,159,229) |
hsl(213,71%,65%) |
#5192e1 |
rgb(81,146,225) |
hsl(213,71%,60%) |
#3b84de |
rgb(59,132,222) |
hsl(213,71%,55%) |
#2576da |
rgb(37,118,218) |
hsl(213,71%,50%) |
#216bc4 |
rgb(33,107,196) |
hsl(213,71%,45%) |
#1e5fae |
rgb(30,95,174) |
hsl(213,71%,40%) |
#1a5399 |
rgb(26,83,153) |
hsl(213,71%,35%) |
#164783 |
rgb(22,71,131) |
hsl(213,71%,30%) |
#123b6d |
rgb(18,59,109) |
hsl(213,71%,25%) |
#0f2f57 |
rgb(15,47,87) |
hsl(213,71%,20%) |
#0b2441 |
rgb(11,36,65) |
hsl(213,71%,15%) |
#07182c |
rgb(7,24,44) |
hsl(213,71%,10%) |
#040c16 |
rgb(4,12,22) |
hsl(213,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C7B3 |
rgb(34,199,179) |
hsl(173,71%,46%) |
#226BC6 |
rgb(34,107,198) |
hsl(213,71%,45%) |
#4621C6 |
rgb(70,33,198) |
hsl(253,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5191E1 |
rgb(81,145,225) |
hsl(213,71%,60%) |
#317DDB |
rgb(49,125,219) |
hsl(213,70%,53%) |
#226BC6 |
rgb(34,107,198) |
hsl(213,71%,45%) |
#1C59A6 |
rgb(28,89,166) |
hsl(213,71%,38%) |
#174A86 |
rgb(23,74,134) |
hsl(212,71%,31%) |
#113866 |
rgb(17,56,102) |
hsl(212,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#226BC6 |
rgb(34,107,198) |
hsl(213,71%,45%) |
#C62B22 |
rgb(198,43,34) |
hsl(3,71%,45%) |
#BDC722 |
rgb(189,199,34) |
hsl(64,71%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226BC6 |
rgb(34,107,198) |
hsl(213,71%,45%) |
#C67D22 |
rgb(198,125,34) |
hsl(33,71%,45%) |
#22BDC6 |
rgb(34,189,198) |
hsl(183,71%,45%) |
#BDC722 |
rgb(189,199,34) |
hsl(64,71%,46%) |