HEX #3A54D2 color — Cerulean Blue
The color #3A54D2 is a dark shade and moderately saturated.
Palette
3A54D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,63%,98%) |
#e2e6f8 |
rgb(226,230,248) |
hsl(230,63%,93%) |
#cdd4f4 |
rgb(205,212,244) |
hsl(230,63%,88%) |
#b8c1ef |
rgb(184,193,239) |
hsl(230,63%,83%) |
#a4afea |
rgb(164,175,234) |
hsl(230,63%,78%) |
#8f9de6 |
rgb(143,157,230) |
hsl(230,63%,73%) |
#7a8be1 |
rgb(122,139,225) |
hsl(230,63%,68%) |
#6579dc |
rgb(101,121,220) |
hsl(230,63%,63%) |
#5067d7 |
rgb(80,103,215) |
hsl(230,63%,58%) |
#3c55d3 |
rgb(60,85,211) |
hsl(230,63%,53%) |
#2d47c8 |
rgb(45,71,200) |
hsl(230,63%,48%) |
#2940b3 |
rgb(41,64,179) |
hsl(230,63%,43%) |
#24389e |
rgb(36,56,158) |
hsl(230,63%,38%) |
#1f3189 |
rgb(31,49,137) |
hsl(230,63%,33%) |
#1a2974 |
rgb(26,41,116) |
hsl(230,63%,28%) |
#162260 |
rgb(22,34,96) |
hsl(230,63%,23%) |
#111b4b |
rgb(17,27,75) |
hsl(230,63%,18%) |
#0c1336 |
rgb(12,19,54) |
hsl(230,63%,13%) |
#080c21 |
rgb(8,12,33) |
hsl(230,63%,8%) |
#03040c |
rgb(3,4,12) |
hsl(230,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABAD2 |
rgb(58,186,210) |
hsl(189,63%,53%) |
#3A54D2 |
rgb(58,84,210) |
hsl(230,63%,53%) |
#853BD2 |
rgb(133,59,210) |
hsl(269,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F91E1 |
rgb(127,145,225) |
hsl(229,62%,69%) |
#5C73D9 |
rgb(92,115,217) |
hsl(229,62%,61%) |
#3A54D2 |
rgb(58,84,210) |
hsl(230,63%,53%) |
#2942B7 |
rgb(41,66,183) |
hsl(229,63%,44%) |
#213694 |
rgb(33,54,148) |
hsl(229,64%,35%) |
#192971 |
rgb(25,41,113) |
hsl(229,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54D2 |
rgb(58,84,210) |
hsl(230,63%,53%) |
#D26B3A |
rgb(210,107,58) |
hsl(19,63%,53%) |
#A0D13A |
rgb(160,209,58) |
hsl(79,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54D2 |
rgb(58,84,210) |
hsl(230,63%,53%) |
#D2B83A |
rgb(210,184,58) |
hsl(50,63%,53%) |
#3AA1D2 |
rgb(58,161,210) |
hsl(199,63%,53%) |
#A0D13A |
rgb(160,209,58) |
hsl(79,62%,52%) |