HEX #3C54B0 color — Azure
The color #3C54B0 is a dark shade and moderately saturated.
Palette
3C54B0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(228,49%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(228,49%,91%) |
#cad1ed |
rgb(202,209,237) |
hsl(228,49%,86%) |
#b7c0e6 |
rgb(183,192,230) |
hsl(228,49%,81%) |
#a4b0e0 |
rgb(164,176,224) |
hsl(228,49%,76%) |
#919fd9 |
rgb(145,159,217) |
hsl(228,49%,71%) |
#7e8fd3 |
rgb(126,143,211) |
hsl(228,49%,66%) |
#6b7ecc |
rgb(107,126,204) |
hsl(228,49%,61%) |
#586ec6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#455dbf |
rgb(69,93,191) |
hsl(228,49%,51%) |
#3c53af |
rgb(60,83,175) |
hsl(228,49%,46%) |
#354a9c |
rgb(53,74,156) |
hsl(228,49%,41%) |
#2f4189 |
rgb(47,65,137) |
hsl(228,49%,36%) |
#283876 |
rgb(40,56,118) |
hsl(228,49%,31%) |
#222f63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
#1b2650 |
rgb(27,38,80) |
hsl(228,49%,21%) |
#151d3d |
rgb(21,29,61) |
hsl(228,49%,16%) |
#0e142a |
rgb(14,20,42) |
hsl(228,49%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(228,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(228,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CA1B0 |
rgb(60,161,176) |
hsl(188,49%,46%) |
#3C54B0 |
rgb(60,84,176) |
hsl(228,49%,46%) |
#713DB0 |
rgb(113,61,176) |
hsl(267,49%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A80CC |
rgb(106,128,204) |
hsl(227,49%,61%) |
#4E66C2 |
rgb(78,102,194) |
hsl(228,49%,53%) |
#3C54B0 |
rgb(60,84,176) |
hsl(228,49%,46%) |
#324793 |
rgb(50,71,147) |
hsl(227,49%,39%) |
#283877 |
rgb(40,56,119) |
hsl(228,50%,31%) |
#1F2B5B |
rgb(31,43,91) |
hsl(228,49%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C54B0 |
rgb(60,84,176) |
hsl(228,49%,46%) |
#B05E3C |
rgb(176,94,60) |
hsl(18,49%,46%) |
#8EB03C |
rgb(142,176,60) |
hsl(78,49%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C54B0 |
rgb(60,84,176) |
hsl(228,49%,46%) |
#B0993C |
rgb(176,153,60) |
hsl(48,49%,46%) |
#3C8FB0 |
rgb(60,143,176) |
hsl(197,49%,46%) |
#8EB03C |
rgb(142,176,60) |
hsl(78,49%,46%) |