HEX #2778D3 color — Mariner
The color #2778D3 is a dark shade and highly saturated.
Palette
2778D3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,69%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(212,69%,94%) |
#d0e2f6 |
rgb(208,226,246) |
hsl(212,69%,89%) |
#bad4f2 |
rgb(186,212,242) |
hsl(212,69%,84%) |
#a5c7ee |
rgb(165,199,238) |
hsl(212,69%,79%) |
#8fbaea |
rgb(143,186,234) |
hsl(212,69%,74%) |
#79ace6 |
rgb(121,172,230) |
hsl(212,69%,69%) |
#649fe3 |
rgb(100,159,227) |
hsl(212,69%,64%) |
#4e92df |
rgb(78,146,223) |
hsl(212,69%,59%) |
#3984db |
rgb(57,132,219) |
hsl(212,69%,54%) |
#2777d3 |
rgb(39,119,211) |
hsl(212,69%,49%) |
#236bbe |
rgb(35,107,190) |
hsl(212,69%,44%) |
#1f5fa8 |
rgb(31,95,168) |
hsl(212,69%,39%) |
#1b5393 |
rgb(27,83,147) |
hsl(212,69%,34%) |
#17477d |
rgb(23,71,125) |
hsl(212,69%,29%) |
#133a67 |
rgb(19,58,103) |
hsl(212,69%,24%) |
#0f2e52 |
rgb(15,46,82) |
hsl(212,69%,19%) |
#0b223c |
rgb(11,34,60) |
hsl(212,69%,14%) |
#071627 |
rgb(7,22,39) |
hsl(212,69%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(212,69%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#27D4BB |
rgb(39,212,187) |
hsl(171,69%,49%) |
#2778D3 |
rgb(39,120,211) |
hsl(212,69%,49%) |
#4826D3 |
rgb(72,38,211) |
hsl(252,69%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#67A1E2 |
rgb(103,161,226) |
hsl(212,68%,65%) |
#458CDC |
rgb(69,140,220) |
hsl(212,68%,57%) |
#2778D3 |
rgb(39,120,211) |
hsl(212,69%,49%) |
#2066B1 |
rgb(32,102,177) |
hsl(211,69%,41%) |
#1A528F |
rgb(26,82,143) |
hsl(211,69%,33%) |
#143D6D |
rgb(20,61,109) |
hsl(212,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778D3 |
rgb(39,120,211) |
hsl(212,69%,49%) |
#D32B27 |
rgb(211,43,39) |
hsl(1,69%,49%) |
#CED427 |
rgb(206,212,39) |
hsl(62,69%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778D3 |
rgb(39,120,211) |
hsl(212,69%,49%) |
#D38227 |
rgb(211,130,39) |
hsl(32,69%,49%) |
#27CFD3 |
rgb(39,207,211) |
hsl(181,69%,49%) |
#CED427 |
rgb(206,212,39) |
hsl(62,69%,49%) |