HEX #3C54B6 color — Azure
The color #3C54B6 is a dark shade and moderately saturated.
Palette
3C54B6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(228,50%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(228,50%,92%) |
#cdd4ee |
rgb(205,212,238) |
hsl(228,50%,87%) |
#bac3e8 |
rgb(186,195,232) |
hsl(228,50%,82%) |
#a7b3e2 |
rgb(167,179,226) |
hsl(228,50%,77%) |
#94a2db |
rgb(148,162,219) |
hsl(228,50%,72%) |
#8192d5 |
rgb(129,146,213) |
hsl(228,50%,67%) |
#6e81cf |
rgb(110,129,207) |
hsl(228,50%,62%) |
#5b70c8 |
rgb(91,112,200) |
hsl(228,50%,57%) |
#4760c2 |
rgb(71,96,194) |
hsl(228,50%,52%) |
#3c54b4 |
rgb(60,84,180) |
hsl(228,50%,47%) |
#364ba1 |
rgb(54,75,161) |
hsl(228,50%,42%) |
#2f428e |
rgb(47,66,142) |
hsl(228,50%,37%) |
#29397a |
rgb(41,57,122) |
hsl(228,50%,32%) |
#223067 |
rgb(34,48,103) |
hsl(228,50%,27%) |
#1c2754 |
rgb(28,39,84) |
hsl(228,50%,22%) |
#161e41 |
rgb(22,30,65) |
hsl(228,50%,17%) |
#0f152e |
rgb(15,21,46) |
hsl(228,50%,12%) |
#090c1b |
rgb(9,12,27) |
hsl(228,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(228,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CA6B6 |
rgb(60,166,182) |
hsl(188,50%,47%) |
#3C54B6 |
rgb(60,84,182) |
hsl(228,50%,47%) |
#753DB6 |
rgb(117,61,182) |
hsl(268,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6F82CF |
rgb(111,130,207) |
hsl(228,50%,62%) |
#5269C6 |
rgb(82,105,198) |
hsl(228,50%,55%) |
#3C54B6 |
rgb(60,84,182) |
hsl(228,50%,47%) |
#324798 |
rgb(50,71,152) |
hsl(228,50%,40%) |
#28387B |
rgb(40,56,123) |
hsl(228,51%,32%) |
#1F2B5E |
rgb(31,43,94) |
hsl(229,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C54B6 |
rgb(60,84,182) |
hsl(228,50%,47%) |
#B6613C |
rgb(182,97,60) |
hsl(18,50%,47%) |
#91B53C |
rgb(145,181,60) |
hsl(78,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C54B6 |
rgb(60,84,182) |
hsl(228,50%,47%) |
#B69E3C |
rgb(182,158,60) |
hsl(48,50%,47%) |
#3C91B6 |
rgb(60,145,182) |
hsl(198,50%,47%) |
#91B53C |
rgb(145,181,60) |
hsl(78,50%,47%) |