HEX #3D80D1 color — Havelock Blue
The color #3d80d1 is a dark shade and moderately saturated.
Palette
3d80d1 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,62%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(213,62%,93%) |
#cddff3 |
rgb(205,223,243) |
hsl(213,62%,88%) |
#b9d1ef |
rgb(185,209,239) |
hsl(213,62%,83%) |
#a4c3ea |
rgb(164,195,234) |
hsl(213,62%,78%) |
#8fb6e5 |
rgb(143,182,229) |
hsl(213,62%,73%) |
#7ba8e0 |
rgb(123,168,224) |
hsl(213,62%,68%) |
#669bdb |
rgb(102,155,219) |
hsl(213,62%,63%) |
#518dd6 |
rgb(81,141,214) |
hsl(213,62%,58%) |
#3d80d1 |
rgb(61,128,209) |
hsl(213,62%,53%) |
#2f73c6 |
rgb(47,115,198) |
hsl(213,62%,48%) |
#2a67b2 |
rgb(42,103,178) |
hsl(213,62%,43%) |
#255b9d |
rgb(37,91,157) |
hsl(213,62%,38%) |
#204f88 |
rgb(32,79,136) |
hsl(213,62%,33%) |
#1b4374 |
rgb(27,67,116) |
hsl(213,62%,28%) |
#16375f |
rgb(22,55,95) |
hsl(213,62%,23%) |
#112b4a |
rgb(17,43,74) |
hsl(213,62%,18%) |
#0d1f36 |
rgb(13,31,54) |
hsl(213,62%,13%) |
#081321 |
rgb(8,19,33) |
hsl(213,62%,8%) |
#03070c |
rgb(3,7,12) |
hsl(213,62%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DD1BF |
rgb(61,209,191) |
hsl(173,62%,53%) |
#3D80D1 |
rgb(61,128,209) |
hsl(213,62%,53%) |
#5C3DD1 |
rgb(92,61,209) |
hsl(253,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82ADE1 |
rgb(130,173,225) |
hsl(213,61%,70%) |
#5F96D9 |
rgb(95,150,217) |
hsl(213,62%,61%) |
#3D80D1 |
rgb(61,128,209) |
hsl(213,62%,53%) |
#2B6BB7 |
rgb(43,107,183) |
hsl(213,62%,44%) |
#235794 |
rgb(35,87,148) |
hsl(212,62%,36%) |
#1A4271 |
rgb(26,66,113) |
hsl(212,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D80D1 |
rgb(61,128,209) |
hsl(213,62%,53%) |
#D1453D |
rgb(209,69,61) |
hsl(3,62%,53%) |
#CAD13D |
rgb(202,209,61) |
hsl(63,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D80D1 |
rgb(61,128,209) |
hsl(213,62%,53%) |
#D18F3D |
rgb(209,143,61) |
hsl(33,62%,53%) |
#3DC9D1 |
rgb(61,201,209) |
hsl(183,62%,53%) |
#CAD13D |
rgb(202,209,61) |
hsl(63,62%,53%) |