HEX #3C78B4 color — Steel Blue
The color #3C78B4 is a dark shade and moderately saturated.
Palette
3C78B4 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fb |
rgb(244,247,251) |
hsl(210,50%,97%) |
#e0ebf5 |
rgb(224,235,245) |
hsl(210,50%,92%) |
#cddeee |
rgb(205,222,238) |
hsl(210,50%,87%) |
#bad1e8 |
rgb(186,209,232) |
hsl(210,50%,82%) |
#a7c4e2 |
rgb(167,196,226) |
hsl(210,50%,77%) |
#94b8db |
rgb(148,184,219) |
hsl(210,50%,72%) |
#81abd5 |
rgb(129,171,213) |
hsl(210,50%,67%) |
#6e9ecf |
rgb(110,158,207) |
hsl(210,50%,62%) |
#5b91c8 |
rgb(91,145,200) |
hsl(210,50%,57%) |
#4785c2 |
rgb(71,133,194) |
hsl(210,50%,52%) |
#3c78b4 |
rgb(60,120,180) |
hsl(210,50%,47%) |
#366ba1 |
rgb(54,107,161) |
hsl(210,50%,42%) |
#2f5e8e |
rgb(47,94,142) |
hsl(210,50%,37%) |
#29527a |
rgb(41,82,122) |
hsl(210,50%,32%) |
#224567 |
rgb(34,69,103) |
hsl(210,50%,27%) |
#1c3854 |
rgb(28,56,84) |
hsl(210,50%,22%) |
#162b41 |
rgb(22,43,65) |
hsl(210,50%,17%) |
#0f1f2e |
rgb(15,31,46) |
hsl(210,50%,12%) |
#09121b |
rgb(9,18,27) |
hsl(210,50%,7%) |
#030508 |
rgb(3,5,8) |
hsl(210,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CB5A0 |
rgb(60,181,160) |
hsl(170,50%,47%) |
#3C78B4 |
rgb(60,120,180) |
hsl(210,50%,47%) |
#503DB4 |
rgb(80,61,180) |
hsl(250,49%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E9ECE |
rgb(110,158,206) |
hsl(210,49%,62%) |
#518CC5 |
rgb(81,140,197) |
hsl(209,50%,55%) |
#3C78B4 |
rgb(60,120,180) |
hsl(210,50%,47%) |
#326697 |
rgb(50,102,151) |
hsl(209,50%,39%) |
#28527A |
rgb(40,82,122) |
hsl(209,51%,32%) |
#1F3D5D |
rgb(31,61,93) |
hsl(211,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78B4 |
rgb(60,120,180) |
hsl(210,50%,47%) |
#B43D3C |
rgb(180,61,60) |
hsl(1,50%,47%) |
#B4B53C |
rgb(180,181,60) |
hsl(60,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78B4 |
rgb(60,120,180) |
hsl(210,50%,47%) |
#B4783C |
rgb(180,120,60) |
hsl(30,50%,47%) |
#3CB5B4 |
rgb(60,181,180) |
hsl(180,50%,47%) |
#B4B53C |
rgb(180,181,60) |
hsl(60,50%,47%) |