HEX #2778C7 color — Mariner
The color #2778C7 is a dark shade and moderately saturated.
Palette
2778C7 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 |
#27C7AB |
rgb(39,199,171) |
hsl(170,67%,47%) |
#2778C7 |
rgb(39,120,199) |
hsl(210,67%,47%) |
#4026C7 |
rgb(64,38,199) |
hsl(250,68%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B9EDE |
rgb(91,158,222) |
hsl(209,66%,61%) |
#3B8CD8 |
rgb(59,140,216) |
hsl(209,67%,54%) |
#2778C7 |
rgb(39,120,199) |
hsl(210,67%,47%) |
#2066A7 |
rgb(32,102,167) |
hsl(209,68%,39%) |
#1A5287 |
rgb(26,82,135) |
hsl(209,68%,32%) |
#143D67 |
rgb(20,61,103) |
hsl(210,67%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778C7 |
rgb(39,120,199) |
hsl(210,67%,47%) |
#C72628 |
rgb(199,38,40) |
hsl(359,68%,46%) |
#C7C727 |
rgb(199,199,39) |
hsl(60,67%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778C7 |
rgb(39,120,199) |
hsl(210,67%,47%) |
#C77527 |
rgb(199,117,39) |
hsl(29,67%,47%) |
#27C7C6 |
rgb(39,199,198) |
hsl(180,67%,47%) |
#C7C727 |
rgb(199,199,39) |
hsl(60,67%,47%) |