HEX #3C54B4 color — Azure
The color #3C54B4 is a dark shade and moderately saturated.
Palette
3C54B4 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 |
#3CA3B4 |
rgb(60,163,180) |
hsl(189,50%,47%) |
#3C54B4 |
rgb(60,84,180) |
hsl(228,50%,47%) |
#743DB4 |
rgb(116,61,180) |
hsl(268,49%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E82CE |
rgb(110,130,206) |
hsl(228,49%,62%) |
#5169C5 |
rgb(81,105,197) |
hsl(228,50%,55%) |
#3C54B4 |
rgb(60,84,180) |
hsl(228,50%,47%) |
#324797 |
rgb(50,71,151) |
hsl(228,50%,39%) |
#28387A |
rgb(40,56,122) |
hsl(228,51%,32%) |
#1F2B5D |
rgb(31,43,93) |
hsl(228,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C54B4 |
rgb(60,84,180) |
hsl(228,50%,47%) |
#B4613C |
rgb(180,97,60) |
hsl(19,50%,47%) |
#90B53C |
rgb(144,181,60) |
hsl(78,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C54B4 |
rgb(60,84,180) |
hsl(228,50%,47%) |
#B49C3C |
rgb(180,156,60) |
hsl(48,50%,47%) |
#3C8FB4 |
rgb(60,143,180) |
hsl(199,50%,47%) |
#90B53C |
rgb(144,181,60) |
hsl(78,50%,47%) |