HEX #3A85CF color — Havelock Blue
The color #3a85cf is a dark shade and moderately saturated.
Palette
3a85cf color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(210,61%,97%) |
#deebf7 |
rgb(222,235,247) |
hsl(210,61%,92%) |
#cadef2 |
rgb(202,222,242) |
hsl(210,61%,87%) |
#b5d1ed |
rgb(181,209,237) |
hsl(210,61%,82%) |
#a1c4e8 |
rgb(161,196,232) |
hsl(210,61%,77%) |
#8cb8e3 |
rgb(140,184,227) |
hsl(210,61%,72%) |
#78abde |
rgb(120,171,222) |
hsl(210,61%,67%) |
#639ed9 |
rgb(99,158,217) |
hsl(210,61%,62%) |
#4e91d4 |
rgb(78,145,212) |
hsl(210,61%,57%) |
#3a85cf |
rgb(58,133,207) |
hsl(210,61%,52%) |
#2f78c1 |
rgb(47,120,193) |
hsl(210,61%,47%) |
#2a6bac |
rgb(42,107,172) |
hsl(210,61%,42%) |
#255e98 |
rgb(37,94,152) |
hsl(210,61%,37%) |
#205283 |
rgb(32,82,131) |
hsl(210,61%,32%) |
#1b456f |
rgb(27,69,111) |
hsl(210,61%,27%) |
#16385a |
rgb(22,56,90) |
hsl(210,61%,22%) |
#112b46 |
rgb(17,43,70) |
hsl(210,61%,17%) |
#0c1f31 |
rgb(12,31,49) |
hsl(210,61%,12%) |
#07121d |
rgb(7,18,29) |
hsl(210,61%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACFB5 |
rgb(58,207,181) |
hsl(170,61%,52%) |
#3A85CF |
rgb(58,133,207) |
hsl(210,61%,52%) |
#523BCF |
rgb(82,59,207) |
hsl(249,61%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EB0DF |
rgb(126,176,223) |
hsl(209,60%,68%) |
#5C99D7 |
rgb(92,153,215) |
hsl(210,61%,60%) |
#3A85CF |
rgb(58,133,207) |
hsl(210,61%,52%) |
#2B70B2 |
rgb(43,112,178) |
hsl(209,61%,43%) |
#235990 |
rgb(35,89,144) |
hsl(210,61%,35%) |
#1B456E |
rgb(27,69,110) |
hsl(210,61%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A85CF |
rgb(58,133,207) |
hsl(210,61%,52%) |
#CF3B3A |
rgb(207,59,58) |
hsl(0,61%,52%) |
#CFCF3A |
rgb(207,207,58) |
hsl(60,61%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A85CF |
rgb(58,133,207) |
hsl(210,61%,52%) |
#CF853A |
rgb(207,133,58) |
hsl(30,61%,52%) |
#3ACFCE |
rgb(58,207,206) |
hsl(180,61%,52%) |
#CFCF3A |
rgb(207,207,58) |
hsl(60,61%,52%) |