HEX #3F80CF color — Havelock Blue
The color #3F80CF is a dark shade and moderately saturated.
Palette
3F80CF color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,60%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(213,60%,93%) |
#cedff3 |
rgb(206,223,243) |
hsl(213,60%,88%) |
#bad1ee |
rgb(186,209,238) |
hsl(213,60%,83%) |
#a5c4e9 |
rgb(165,196,233) |
hsl(213,60%,78%) |
#91b6e3 |
rgb(145,182,227) |
hsl(213,60%,73%) |
#7ca9de |
rgb(124,169,222) |
hsl(213,60%,68%) |
#689bd9 |
rgb(104,155,217) |
hsl(213,60%,63%) |
#548dd4 |
rgb(84,141,212) |
hsl(213,60%,58%) |
#3f80cf |
rgb(63,128,207) |
hsl(213,60%,53%) |
#3173c4 |
rgb(49,115,196) |
hsl(213,60%,48%) |
#2c67af |
rgb(44,103,175) |
hsl(213,60%,43%) |
#275b9b |
rgb(39,91,155) |
hsl(213,60%,38%) |
#224f87 |
rgb(34,79,135) |
hsl(213,60%,33%) |
#1d4372 |
rgb(29,67,114) |
hsl(213,60%,28%) |
#17375e |
rgb(23,55,94) |
hsl(213,60%,23%) |
#122b49 |
rgb(18,43,73) |
hsl(213,60%,18%) |
#0d1f35 |
rgb(13,31,53) |
hsl(213,60%,13%) |
#081321 |
rgb(8,19,33) |
hsl(213,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(213,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FCFBE |
rgb(63,207,190) |
hsl(173,60%,53%) |
#3F80CF |
rgb(63,128,207) |
hsl(213,60%,53%) |
#5E40CF |
rgb(94,64,207) |
hsl(253,60%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84ADE0 |
rgb(132,173,224) |
hsl(213,60%,70%) |
#6196D7 |
rgb(97,150,215) |
hsl(213,60%,61%) |
#3F80CF |
rgb(63,128,207) |
hsl(213,60%,53%) |
#2D6BB5 |
rgb(45,107,181) |
hsl(213,60%,44%) |
#245792 |
rgb(36,87,146) |
hsl(212,60%,36%) |
#1C4270 |
rgb(28,66,112) |
hsl(213,60%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F80CF |
rgb(63,128,207) |
hsl(213,60%,53%) |
#CF453F |
rgb(207,69,63) |
hsl(3,60%,53%) |
#C8CF3F |
rgb(200,207,63) |
hsl(63,60%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F80CF |
rgb(63,128,207) |
hsl(213,60%,53%) |
#CF8F3F |
rgb(207,143,63) |
hsl(33,60%,53%) |
#3FC7CF |
rgb(63,199,207) |
hsl(183,60%,53%) |
#C8CF3F |
rgb(200,207,63) |
hsl(63,60%,53%) |