HEX #3D8AD6 color — Havelock Blue
The color #3d8ad6 is a light shade and moderately saturated.
Palette
3d8ad6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,65%,99%) |
#e6f0fa |
rgb(230,240,250) |
hsl(210,65%,94%) |
#d1e3f5 |
rgb(209,227,245) |
hsl(210,65%,89%) |
#bcd6f1 |
rgb(188,214,241) |
hsl(210,65%,84%) |
#a7c9ec |
rgb(167,201,236) |
hsl(210,65%,79%) |
#92bde8 |
rgb(146,189,232) |
hsl(210,65%,74%) |
#7db0e3 |
rgb(125,176,227) |
hsl(210,65%,69%) |
#68a3df |
rgb(104,163,223) |
hsl(210,65%,64%) |
#5296da |
rgb(82,150,218) |
hsl(210,65%,59%) |
#3d8ad6 |
rgb(61,138,214) |
hsl(210,65%,54%) |
#2c7dce |
rgb(44,125,206) |
hsl(210,65%,49%) |
#2770b9 |
rgb(39,112,185) |
hsl(210,65%,44%) |
#2363a4 |
rgb(35,99,164) |
hsl(210,65%,39%) |
#1e578f |
rgb(30,87,143) |
hsl(210,65%,34%) |
#1a4a7a |
rgb(26,74,122) |
hsl(210,65%,29%) |
#153d65 |
rgb(21,61,101) |
hsl(210,65%,24%) |
#113050 |
rgb(17,48,80) |
hsl(210,65%,19%) |
#0c243b |
rgb(12,36,59) |
hsl(210,65%,14%) |
#081726 |
rgb(8,23,38) |
hsl(210,65%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(210,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DD6BC |
rgb(61,214,188) |
hsl(170,65%,54%) |
#3D8AD6 |
rgb(61,138,214) |
hsl(210,65%,54%) |
#563DD6 |
rgb(86,61,214) |
hsl(250,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85B5E5 |
rgb(133,181,229) |
hsl(210,65%,71%) |
#61A1DD |
rgb(97,161,221) |
hsl(209,65%,62%) |
#3D8AD6 |
rgb(61,138,214) |
hsl(210,65%,54%) |
#2873BE |
rgb(40,115,190) |
hsl(210,65%,45%) |
#205E9A |
rgb(32,94,154) |
hsl(210,66%,36%) |
#184776 |
rgb(24,71,118) |
hsl(210,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D8AD6 |
rgb(61,138,214) |
hsl(210,65%,54%) |
#D63D3D |
rgb(214,61,61) |
hsl(360,65%,54%) |
#D6D63D |
rgb(214,214,61) |
hsl(60,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D8AD6 |
rgb(61,138,214) |
hsl(210,65%,54%) |
#D68A3D |
rgb(214,138,61) |
hsl(30,65%,54%) |
#3DD6D5 |
rgb(61,214,213) |
hsl(180,65%,54%) |
#D6D63D |
rgb(214,214,61) |
hsl(60,65%,54%) |