HEX #3C5CB2 color — Azure
The color #3C5CB2 is a dark shade and moderately saturated.
Palette
3C5CB2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(224,50%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(224,50%,92%) |
#cdd6ee |
rgb(205,214,238) |
hsl(224,50%,87%) |
#bac6e8 |
rgb(186,198,232) |
hsl(224,50%,82%) |
#a7b7e2 |
rgb(167,183,226) |
hsl(224,50%,77%) |
#94a7db |
rgb(148,167,219) |
hsl(224,50%,72%) |
#8197d5 |
rgb(129,151,213) |
hsl(224,50%,67%) |
#6e87cf |
rgb(110,135,207) |
hsl(224,50%,62%) |
#5b78c8 |
rgb(91,120,200) |
hsl(224,50%,57%) |
#4768c2 |
rgb(71,104,194) |
hsl(224,50%,52%) |
#3c5cb4 |
rgb(60,92,180) |
hsl(224,50%,47%) |
#3652a1 |
rgb(54,82,161) |
hsl(224,50%,42%) |
#2f488e |
rgb(47,72,142) |
hsl(224,50%,37%) |
#293f7a |
rgb(41,63,122) |
hsl(224,50%,32%) |
#223567 |
rgb(34,53,103) |
hsl(224,50%,27%) |
#1c2b54 |
rgb(28,43,84) |
hsl(224,50%,22%) |
#162141 |
rgb(22,33,65) |
hsl(224,50%,17%) |
#0f172e |
rgb(15,23,46) |
hsl(224,50%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(224,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(224,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CABB2 |
rgb(60,171,178) |
hsl(184,50%,47%) |
#3C5CB2 |
rgb(60,92,178) |
hsl(224,50%,47%) |
#6A3DB2 |
rgb(106,61,178) |
hsl(263,49%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C87CD |
rgb(108,135,205) |
hsl(223,49%,61%) |
#5070C4 |
rgb(80,112,196) |
hsl(223,50%,54%) |
#3C5CB2 |
rgb(60,92,178) |
hsl(224,50%,47%) |
#324D95 |
rgb(50,77,149) |
hsl(224,50%,39%) |
#284079 |
rgb(40,64,121) |
hsl(222,50%,32%) |
#1F305C |
rgb(31,48,92) |
hsl(223,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5CB2 |
rgb(60,92,178) |
hsl(224,50%,47%) |
#B2573C |
rgb(178,87,60) |
hsl(14,50%,47%) |
#97B33C |
rgb(151,179,60) |
hsl(74,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5CB2 |
rgb(60,92,178) |
hsl(224,50%,47%) |
#B2913C |
rgb(178,145,60) |
hsl(43,50%,47%) |
#3C96B2 |
rgb(60,150,178) |
hsl(194,50%,47%) |
#97B33C |
rgb(151,179,60) |
hsl(74,50%,47%) |