HEX #3D85D5 color — Havelock Blue
The color #3D85D5 is a dark shade and moderately saturated.
Palette
3D85D5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,64%,99%) |
#e6eff9 |
rgb(230,239,249) |
hsl(212,64%,94%) |
#d1e2f5 |
rgb(209,226,245) |
hsl(212,64%,89%) |
#bcd4f0 |
rgb(188,212,240) |
hsl(212,64%,84%) |
#a7c7ec |
rgb(167,199,236) |
hsl(212,64%,79%) |
#92bae7 |
rgb(146,186,231) |
hsl(212,64%,74%) |
#7dade3 |
rgb(125,173,227) |
hsl(212,64%,69%) |
#689fde |
rgb(104,159,222) |
hsl(212,64%,64%) |
#5492d9 |
rgb(84,146,217) |
hsl(212,64%,59%) |
#3f85d5 |
rgb(63,133,213) |
hsl(212,64%,54%) |
#2d78cd |
rgb(45,120,205) |
hsl(212,64%,49%) |
#286bb8 |
rgb(40,107,184) |
hsl(212,64%,44%) |
#245fa3 |
rgb(36,95,163) |
hsl(212,64%,39%) |
#1f538e |
rgb(31,83,142) |
hsl(212,64%,34%) |
#1b4779 |
rgb(27,71,121) |
hsl(212,64%,29%) |
#163b64 |
rgb(22,59,100) |
hsl(212,64%,24%) |
#112e4f |
rgb(17,46,79) |
hsl(212,64%,19%) |
#0d223b |
rgb(13,34,59) |
hsl(212,64%,14%) |
#081626 |
rgb(8,22,38) |
hsl(212,64%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(212,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DD6BF |
rgb(61,214,191) |
hsl(171,65%,54%) |
#3D85D5 |
rgb(61,133,213) |
hsl(212,64%,54%) |
#5A3DD5 |
rgb(90,61,213) |
hsl(251,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85B3E4 |
rgb(133,179,228) |
hsl(211,64%,71%) |
#619CDC |
rgb(97,156,220) |
hsl(211,64%,62%) |
#3D85D5 |
rgb(61,133,213) |
hsl(212,64%,54%) |
#2870BD |
rgb(40,112,189) |
hsl(211,65%,45%) |
#215999 |
rgb(33,89,153) |
hsl(212,65%,36%) |
#194575 |
rgb(25,69,117) |
hsl(211,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D85D5 |
rgb(61,133,213) |
hsl(212,64%,54%) |
#D5403D |
rgb(213,64,61) |
hsl(1,64%,54%) |
#D1D63D |
rgb(209,214,61) |
hsl(62,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D85D5 |
rgb(61,133,213) |
hsl(212,64%,54%) |
#D58C3D |
rgb(213,140,61) |
hsl(31,64%,54%) |
#3DD1D5 |
rgb(61,209,213) |
hsl(182,64%,54%) |
#D1D63D |
rgb(209,214,61) |
hsl(62,65%,54%) |