HEX #2270C6 color — Mariner
The color #2270C6 is a dark shade and highly saturated.
Palette
2270C6 color palette from light to dark
HEX |
RGB |
HSL |
#e9f2fb |
rgb(233,242,251) |
hsl(211,71%,95%) |
#d3e5f8 |
rgb(211,229,248) |
hsl(211,71%,90%) |
#bed8f4 |
rgb(190,216,244) |
hsl(211,71%,85%) |
#a8cbf0 |
rgb(168,203,240) |
hsl(211,71%,80%) |
#92beed |
rgb(146,190,237) |
hsl(211,71%,75%) |
#7cb1e9 |
rgb(124,177,233) |
hsl(211,71%,70%) |
#66a4e5 |
rgb(102,164,229) |
hsl(211,71%,65%) |
#5197e1 |
rgb(81,151,225) |
hsl(211,71%,60%) |
#3b8ade |
rgb(59,138,222) |
hsl(211,71%,55%) |
#257cda |
rgb(37,124,218) |
hsl(211,71%,50%) |
#2170c4 |
rgb(33,112,196) |
hsl(211,71%,45%) |
#1e64ae |
rgb(30,100,174) |
hsl(211,71%,40%) |
#1a5799 |
rgb(26,87,153) |
hsl(211,71%,35%) |
#164b83 |
rgb(22,75,131) |
hsl(211,71%,30%) |
#123e6d |
rgb(18,62,109) |
hsl(211,71%,25%) |
#0f3257 |
rgb(15,50,87) |
hsl(211,71%,20%) |
#0b2541 |
rgb(11,37,65) |
hsl(211,71%,15%) |
#07192c |
rgb(7,25,44) |
hsl(211,71%,10%) |
#040c16 |
rgb(4,12,22) |
hsl(211,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C7AE |
rgb(34,199,174) |
hsl(171,71%,46%) |
#2270C6 |
rgb(34,112,198) |
hsl(211,71%,45%) |
#4121C6 |
rgb(65,33,198) |
hsl(252,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5196E1 |
rgb(81,150,225) |
hsl(211,71%,60%) |
#3182DB |
rgb(49,130,219) |
hsl(211,70%,53%) |
#2270C6 |
rgb(34,112,198) |
hsl(211,71%,45%) |
#1C5EA6 |
rgb(28,94,166) |
hsl(211,71%,38%) |
#174D86 |
rgb(23,77,134) |
hsl(211,71%,31%) |
#113B66 |
rgb(17,59,102) |
hsl(210,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270C6 |
rgb(34,112,198) |
hsl(211,71%,45%) |
#C62622 |
rgb(198,38,34) |
hsl(1,71%,45%) |
#C2C722 |
rgb(194,199,34) |
hsl(62,71%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270C6 |
rgb(34,112,198) |
hsl(211,71%,45%) |
#C67822 |
rgb(198,120,34) |
hsl(31,71%,45%) |
#22C2C6 |
rgb(34,194,198) |
hsl(181,71%,45%) |
#C2C722 |
rgb(194,199,34) |
hsl(62,71%,46%) |