HEX #277AD0 color — Mariner
The color #277AD0 is a dark shade and highly saturated.
Palette
277AD0 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafd |
rgb(246,250,253) |
hsl(211,68%,98%) |
#e1edf9 |
rgb(225,237,249) |
hsl(211,68%,93%) |
#cce0f5 |
rgb(204,224,245) |
hsl(211,68%,88%) |
#b6d3f1 |
rgb(182,211,241) |
hsl(211,68%,83%) |
#a1c6ed |
rgb(161,198,237) |
hsl(211,68%,78%) |
#8bb9e9 |
rgb(139,185,233) |
hsl(211,68%,73%) |
#76ace5 |
rgb(118,172,229) |
hsl(211,68%,68%) |
#609fe1 |
rgb(96,159,225) |
hsl(211,68%,63%) |
#4b91dd |
rgb(75,145,221) |
hsl(211,68%,58%) |
#3684d9 |
rgb(54,132,217) |
hsl(211,68%,53%) |
#2778ce |
rgb(39,120,206) |
hsl(211,68%,48%) |
#236bb8 |
rgb(35,107,184) |
hsl(211,68%,43%) |
#1f5fa3 |
rgb(31,95,163) |
hsl(211,68%,38%) |
#1b528d |
rgb(27,82,141) |
hsl(211,68%,33%) |
#174678 |
rgb(23,70,120) |
hsl(211,68%,28%) |
#133963 |
rgb(19,57,99) |
hsl(211,68%,23%) |
#0f2d4d |
rgb(15,45,77) |
hsl(211,68%,18%) |
#0b2038 |
rgb(11,32,56) |
hsl(211,68%,13%) |
#071422 |
rgb(7,20,34) |
hsl(211,68%,8%) |
#02070d |
rgb(2,7,13) |
hsl(211,68%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#27D1B5 |
rgb(39,209,181) |
hsl(170,69%,49%) |
#277AD0 |
rgb(39,122,208) |
hsl(211,68%,48%) |
#4426D0 |
rgb(68,38,208) |
hsl(251,69%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#64A1E1 |
rgb(100,161,225) |
hsl(211,68%,64%) |
#428FDB |
rgb(66,143,219) |
hsl(210,68%,56%) |
#277AD0 |
rgb(39,122,208) |
hsl(211,68%,48%) |
#2066AE |
rgb(32,102,174) |
hsl(210,69%,40%) |
#1A548D |
rgb(26,84,141) |
hsl(210,69%,33%) |
#14406C |
rgb(20,64,108) |
hsl(210,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#277AD0 |
rgb(39,122,208) |
hsl(211,68%,48%) |
#D02927 |
rgb(208,41,39) |
hsl(1,68%,48%) |
#CED127 |
rgb(206,209,39) |
hsl(61,69%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#277AD0 |
rgb(39,122,208) |
hsl(211,68%,48%) |
#D07D27 |
rgb(208,125,39) |
hsl(31,68%,48%) |
#27CFD0 |
rgb(39,207,208) |
hsl(180,68%,48%) |
#CED127 |
rgb(206,209,39) |
hsl(61,69%,49%) |