HEX #3A54A6 color — Azure
The color #3A54A6 is a dark shade and moderately saturated.
Palette
3A54A6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,48%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(226,48%,94%) |
#d5dcf0 |
rgb(213,220,240) |
hsl(226,48%,89%) |
#c3ccea |
rgb(195,204,234) |
hsl(226,48%,84%) |
#b0bce3 |
rgb(176,188,227) |
hsl(226,48%,79%) |
#9dacdd |
rgb(157,172,221) |
hsl(226,48%,74%) |
#8a9cd6 |
rgb(138,156,214) |
hsl(226,48%,69%) |
#778ccf |
rgb(119,140,207) |
hsl(226,48%,64%) |
#647cc9 |
rgb(100,124,201) |
hsl(226,48%,59%) |
#516cc2 |
rgb(81,108,194) |
hsl(226,48%,54%) |
#415db9 |
rgb(65,93,185) |
hsl(226,48%,49%) |
#3a53a6 |
rgb(58,83,166) |
hsl(226,48%,44%) |
#344a93 |
rgb(52,74,147) |
hsl(226,48%,39%) |
#2d4180 |
rgb(45,65,128) |
hsl(226,48%,34%) |
#26376d |
rgb(38,55,109) |
hsl(226,48%,29%) |
#202e5b |
rgb(32,46,91) |
hsl(226,48%,24%) |
#192448 |
rgb(25,36,72) |
hsl(226,48%,19%) |
#131b35 |
rgb(19,27,53) |
hsl(226,48%,14%) |
#0c1122 |
rgb(12,17,34) |
hsl(226,48%,9%) |
#05080f |
rgb(5,8,15) |
hsl(226,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A9CA6 |
rgb(58,156,166) |
hsl(186,48%,44%) |
#3A54A6 |
rgb(58,84,166) |
hsl(226,48%,44%) |
#683BA6 |
rgb(104,59,166) |
hsl(265,48%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6078C7 |
rgb(96,120,199) |
hsl(226,48%,58%) |
#4563BE |
rgb(69,99,190) |
hsl(225,48%,51%) |
#3A54A6 |
rgb(58,84,166) |
hsl(226,48%,44%) |
#30478B |
rgb(48,71,139) |
hsl(225,49%,37%) |
#273870 |
rgb(39,56,112) |
hsl(226,48%,30%) |
#1E2B56 |
rgb(30,43,86) |
hsl(226,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54A6 |
rgb(58,84,166) |
hsl(226,48%,44%) |
#A6573A |
rgb(166,87,58) |
hsl(16,48%,44%) |
#8AA63A |
rgb(138,166,58) |
hsl(76,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54A6 |
rgb(58,84,166) |
hsl(226,48%,44%) |
#A68C3A |
rgb(166,140,58) |
hsl(46,48%,44%) |
#3A8AA6 |
rgb(58,138,166) |
hsl(196,48%,44%) |
#8AA63A |
rgb(138,166,58) |
hsl(76,48%,44%) |