HEX #277DD4 color — Mariner
The color #277DD4 is a dark shade and highly saturated.
Palette
277DD4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,69%,99%) |
#e5f0fa |
rgb(229,240,250) |
hsl(210,69%,94%) |
#d0e3f6 |
rgb(208,227,246) |
hsl(210,69%,89%) |
#bad6f2 |
rgb(186,214,242) |
hsl(210,69%,84%) |
#a5c9ee |
rgb(165,201,238) |
hsl(210,69%,79%) |
#8fbdea |
rgb(143,189,234) |
hsl(210,69%,74%) |
#79b0e6 |
rgb(121,176,230) |
hsl(210,69%,69%) |
#64a3e3 |
rgb(100,163,227) |
hsl(210,69%,64%) |
#4e96df |
rgb(78,150,223) |
hsl(210,69%,59%) |
#398adb |
rgb(57,138,219) |
hsl(210,69%,54%) |
#277dd3 |
rgb(39,125,211) |
hsl(210,69%,49%) |
#2370be |
rgb(35,112,190) |
hsl(210,69%,44%) |
#1f63a8 |
rgb(31,99,168) |
hsl(210,69%,39%) |
#1b5793 |
rgb(27,87,147) |
hsl(210,69%,34%) |
#174a7d |
rgb(23,74,125) |
hsl(210,69%,29%) |
#133d67 |
rgb(19,61,103) |
hsl(210,69%,24%) |
#0f3052 |
rgb(15,48,82) |
hsl(210,69%,19%) |
#0b243c |
rgb(11,36,60) |
hsl(210,69%,14%) |
#071727 |
rgb(7,23,39) |
hsl(210,69%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(210,69%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#27D4B7 |
rgb(39,212,183) |
hsl(170,69%,49%) |
#277DD4 |
rgb(39,125,212) |
hsl(210,69%,49%) |
#4426D4 |
rgb(68,38,212) |
hsl(250,70%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#68A6E3 |
rgb(104,166,227) |
hsl(210,69%,65%) |
#4691DD |
rgb(70,145,221) |
hsl(210,69%,57%) |
#277DD4 |
rgb(39,125,212) |
hsl(210,69%,49%) |
#2069B2 |
rgb(32,105,178) |
hsl(210,70%,41%) |
#1A5490 |
rgb(26,84,144) |
hsl(211,69%,33%) |
#14406E |
rgb(20,64,110) |
hsl(211,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#277DD4 |
rgb(39,125,212) |
hsl(210,69%,49%) |
#D42627 |
rgb(212,38,39) |
hsl(360,70%,49%) |
#D3D427 |
rgb(211,212,39) |
hsl(60,69%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#277DD4 |
rgb(39,125,212) |
hsl(210,69%,49%) |
#D47D27 |
rgb(212,125,39) |
hsl(30,69%,49%) |
#27D4D4 |
rgb(39,212,212) |
hsl(180,69%,49%) |
#D3D427 |
rgb(211,212,39) |
hsl(60,69%,49%) |