HEX #2778C8 color — Mariner
The color #2778C8 is a dark shade and highly saturated.
Palette
2778C8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(210,67%,97%) |
#ddebf8 |
rgb(221,235,248) |
hsl(210,67%,92%) |
#c8def4 |
rgb(200,222,244) |
hsl(210,67%,87%) |
#b2d1f0 |
rgb(178,209,240) |
hsl(210,67%,82%) |
#9dc4ec |
rgb(157,196,236) |
hsl(210,67%,77%) |
#88b8e7 |
rgb(136,184,231) |
hsl(210,67%,72%) |
#72abe3 |
rgb(114,171,227) |
hsl(210,67%,67%) |
#5d9edf |
rgb(93,158,223) |
hsl(210,67%,62%) |
#4891db |
rgb(72,145,219) |
hsl(210,67%,57%) |
#3385d7 |
rgb(51,133,215) |
hsl(210,67%,52%) |
#2878c8 |
rgb(40,120,200) |
hsl(210,67%,47%) |
#236bb3 |
rgb(35,107,179) |
hsl(210,67%,42%) |
#1f5e9e |
rgb(31,94,158) |
hsl(210,67%,37%) |
#1b5288 |
rgb(27,82,136) |
hsl(210,67%,32%) |
#174573 |
rgb(23,69,115) |
hsl(210,67%,27%) |
#13385e |
rgb(19,56,94) |
hsl(210,67%,22%) |
#0e2b48 |
rgb(14,43,72) |
hsl(210,67%,17%) |
#0a1f33 |
rgb(10,31,51) |
hsl(210,67%,12%) |
#06121e |
rgb(6,18,30) |
hsl(210,67%,7%) |
#020509 |
rgb(2,5,9) |
hsl(210,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#27C7AC |
rgb(39,199,172) |
hsl(170,67%,47%) |
#2778C8 |
rgb(39,120,200) |
hsl(210,67%,47%) |
#4126C8 |
rgb(65,38,200) |
hsl(250,68%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C9EDF |
rgb(92,158,223) |
hsl(210,67%,62%) |
#3C8CD9 |
rgb(60,140,217) |
hsl(209,67%,54%) |
#2778C8 |
rgb(39,120,200) |
hsl(210,67%,47%) |
#2066A8 |
rgb(32,102,168) |
hsl(209,68%,39%) |
#1A5288 |
rgb(26,82,136) |
hsl(209,68%,32%) |
#143D68 |
rgb(20,61,104) |
hsl(211,68%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778C8 |
rgb(39,120,200) |
hsl(210,67%,47%) |
#C82627 |
rgb(200,38,39) |
hsl(360,68%,47%) |
#C8C727 |
rgb(200,199,39) |
hsl(60,67%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778C8 |
rgb(39,120,200) |
hsl(210,67%,47%) |
#C87827 |
rgb(200,120,39) |
hsl(30,67%,47%) |
#27C7C7 |
rgb(39,199,199) |
hsl(180,67%,47%) |
#C8C727 |
rgb(200,199,39) |
hsl(60,67%,47%) |