HEX #3B54A6 color — Azure
The color #3B54A6 is a dark shade and moderately saturated.
Palette
3B54A6 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 |
#3B9CA6 |
rgb(59,156,166) |
hsl(186,48%,44%) |
#3B54A6 |
rgb(59,84,166) |
hsl(226,48%,44%) |
#693BA6 |
rgb(105,59,166) |
hsl(266,48%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#617AC7 |
rgb(97,122,199) |
hsl(225,48%,58%) |
#4763BD |
rgb(71,99,189) |
hsl(226,47%,51%) |
#3B54A6 |
rgb(59,84,166) |
hsl(226,48%,44%) |
#31478B |
rgb(49,71,139) |
hsl(225,48%,37%) |
#283870 |
rgb(40,56,112) |
hsl(227,47%,30%) |
#1E2B56 |
rgb(30,43,86) |
hsl(226,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B54A6 |
rgb(59,84,166) |
hsl(226,48%,44%) |
#A6573B |
rgb(166,87,59) |
hsl(16,48%,44%) |
#89A63B |
rgb(137,166,59) |
hsl(76,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B54A6 |
rgb(59,84,166) |
hsl(226,48%,44%) |
#A68C3B |
rgb(166,140,59) |
hsl(45,48%,44%) |
#3B8AA6 |
rgb(59,138,166) |
hsl(196,48%,44%) |
#89A63B |
rgb(137,166,59) |
hsl(76,48%,44%) |