HEX #3B54A2 color — Azure
The color #3B54A2 is a dark shade and moderately saturated.
Palette
3B54A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(225,47%,98%) |
#e5e9f6 |
rgb(229,233,246) |
hsl(225,47%,93%) |
#d2d9ef |
rgb(210,217,239) |
hsl(225,47%,88%) |
#bfc9e8 |
rgb(191,201,232) |
hsl(225,47%,83%) |
#adbae1 |
rgb(173,186,225) |
hsl(225,47%,78%) |
#9aaadb |
rgb(154,170,219) |
hsl(225,47%,73%) |
#879ad4 |
rgb(135,154,212) |
hsl(225,47%,68%) |
#748acd |
rgb(116,138,205) |
hsl(225,47%,63%) |
#627bc6 |
rgb(98,123,198) |
hsl(225,47%,58%) |
#4f6bbf |
rgb(79,107,191) |
hsl(225,47%,53%) |
#415eb4 |
rgb(65,94,180) |
hsl(225,47%,48%) |
#3a54a1 |
rgb(58,84,161) |
hsl(225,47%,43%) |
#334a8e |
rgb(51,74,142) |
hsl(225,47%,38%) |
#2d407c |
rgb(45,64,124) |
hsl(225,47%,33%) |
#263769 |
rgb(38,55,105) |
hsl(225,47%,28%) |
#1f2d56 |
rgb(31,45,86) |
hsl(225,47%,23%) |
#182343 |
rgb(24,35,67) |
hsl(225,47%,18%) |
#121931 |
rgb(18,25,49) |
hsl(225,47%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(225,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(225,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3B99A2 |
rgb(59,153,162) |
hsl(185,47%,43%) |
#3B54A2 |
rgb(59,84,162) |
hsl(225,47%,43%) |
#663BA2 |
rgb(102,59,162) |
hsl(265,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E78C4 |
rgb(94,120,196) |
hsl(225,46%,57%) |
#4561BB |
rgb(69,97,187) |
hsl(226,46%,50%) |
#3B54A2 |
rgb(59,84,162) |
hsl(225,47%,43%) |
#314788 |
rgb(49,71,136) |
hsl(225,47%,36%) |
#28386E |
rgb(40,56,110) |
hsl(226,47%,29%) |
#1E2B54 |
rgb(30,43,84) |
hsl(226,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B54A2 |
rgb(59,84,162) |
hsl(225,47%,43%) |
#A2573B |
rgb(162,87,59) |
hsl(16,47%,43%) |
#87A33B |
rgb(135,163,59) |
hsl(76,47%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B54A2 |
rgb(59,84,162) |
hsl(225,47%,43%) |
#A28A3B |
rgb(162,138,59) |
hsl(46,47%,43%) |
#3B87A2 |
rgb(59,135,162) |
hsl(196,47%,43%) |
#87A33B |
rgb(135,163,59) |
hsl(76,47%,44%) |