HEX #3D80D2 color — Havelock Blue
The color #3D80D2 is a dark shade and moderately saturated.
Palette
3D80D2 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 |
#3DD1C0 |
rgb(61,209,192) |
hsl(173,62%,53%) |
#3D80D2 |
rgb(61,128,210) |
hsl(213,62%,53%) |
#5D3DD2 |
rgb(93,61,210) |
hsl(253,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83ADE2 |
rgb(131,173,226) |
hsl(213,62%,70%) |
#6096DA |
rgb(96,150,218) |
hsl(213,62%,62%) |
#3D80D2 |
rgb(61,128,210) |
hsl(213,62%,53%) |
#2A6BB8 |
rgb(42,107,184) |
hsl(213,63%,44%) |
#225795 |
rgb(34,87,149) |
hsl(212,63%,36%) |
#1A4272 |
rgb(26,66,114) |
hsl(213,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D80D2 |
rgb(61,128,210) |
hsl(213,62%,53%) |
#D2453D |
rgb(210,69,61) |
hsl(3,62%,53%) |
#CAD13D |
rgb(202,209,61) |
hsl(63,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D80D2 |
rgb(61,128,210) |
hsl(213,62%,53%) |
#D28F3D |
rgb(210,143,61) |
hsl(33,62%,53%) |
#3DC9D2 |
rgb(61,201,210) |
hsl(184,62%,53%) |
#CAD13D |
rgb(202,209,61) |
hsl(63,62%,53%) |