HEX #2778DA color — Mariner
The color #2778DA is a dark shade and highly saturated.
Palette
2778DA 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 |
#27D9C4 |
rgb(39,217,196) |
hsl(173,70%,50%) |
#2778DA |
rgb(39,120,218) |
hsl(213,71%,50%) |
#4D26DA |
rgb(77,38,218) |
hsl(253,71%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6DA3E6 |
rgb(109,163,230) |
hsl(213,71%,66%) |
#4A8FE0 |
rgb(74,143,224) |
hsl(212,71%,58%) |
#2778DA |
rgb(39,120,218) |
hsl(213,71%,50%) |
#1F63B8 |
rgb(31,99,184) |
hsl(213,71%,42%) |
#195295 |
rgb(25,82,149) |
hsl(212,71%,34%) |
#133D72 |
rgb(19,61,114) |
hsl(213,71%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778DA |
rgb(39,120,218) |
hsl(213,71%,50%) |
#DA3027 |
rgb(218,48,39) |
hsl(3,71%,50%) |
#D1D927 |
rgb(209,217,39) |
hsl(63,70%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778DA |
rgb(39,120,218) |
hsl(213,71%,50%) |
#DA8A27 |
rgb(218,138,39) |
hsl(33,71%,50%) |
#27D1DA |
rgb(39,209,218) |
hsl(183,71%,50%) |
#D1D927 |
rgb(209,217,39) |
hsl(63,70%,50%) |