HEX #3D54B5 color — Azure
The color #3D54B5 is a dark shade and moderately saturated.
Palette
3D54B5 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(229,50%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(229,50%,92%) |
#cdd3ee |
rgb(205,211,238) |
hsl(229,50%,87%) |
#bac3e8 |
rgb(186,195,232) |
hsl(229,50%,82%) |
#a7b2e2 |
rgb(167,178,226) |
hsl(229,50%,77%) |
#94a1db |
rgb(148,161,219) |
hsl(229,50%,72%) |
#8190d5 |
rgb(129,144,213) |
hsl(229,50%,67%) |
#6e7fcf |
rgb(110,127,207) |
hsl(229,50%,62%) |
#5b6fc8 |
rgb(91,111,200) |
hsl(229,50%,57%) |
#475ec2 |
rgb(71,94,194) |
hsl(229,50%,52%) |
#3c52b4 |
rgb(60,82,180) |
hsl(229,50%,47%) |
#3649a1 |
rgb(54,73,161) |
hsl(229,50%,42%) |
#2f408e |
rgb(47,64,142) |
hsl(229,50%,37%) |
#29387a |
rgb(41,56,122) |
hsl(229,50%,32%) |
#222f67 |
rgb(34,47,103) |
hsl(229,50%,27%) |
#1c2654 |
rgb(28,38,84) |
hsl(229,50%,22%) |
#161e41 |
rgb(22,30,65) |
hsl(229,50%,17%) |
#0f152e |
rgb(15,21,46) |
hsl(229,50%,12%) |
#090c1b |
rgb(9,12,27) |
hsl(229,50%,7%) |
#030308 |
rgb(3,3,8) |
hsl(229,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DA3B5 |
rgb(61,163,181) |
hsl(189,50%,47%) |
#3D54B5 |
rgb(61,84,181) |
hsl(229,50%,47%) |
#763DB5 |
rgb(118,61,181) |
hsl(269,50%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7082CE |
rgb(112,130,206) |
hsl(229,49%,62%) |
#5369C5 |
rgb(83,105,197) |
hsl(228,50%,55%) |
#3D54B5 |
rgb(61,84,181) |
hsl(229,50%,47%) |
#334798 |
rgb(51,71,152) |
hsl(228,50%,40%) |
#29387B |
rgb(41,56,123) |
hsl(229,50%,32%) |
#1F2B5E |
rgb(31,43,94) |
hsl(229,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D54B5 |
rgb(61,84,181) |
hsl(229,50%,47%) |
#B5613D |
rgb(181,97,61) |
hsl(18,50%,47%) |
#90B53D |
rgb(144,181,61) |
hsl(79,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D54B5 |
rgb(61,84,181) |
hsl(229,50%,47%) |
#B59E3D |
rgb(181,158,61) |
hsl(49,50%,47%) |
#3D8FB5 |
rgb(61,143,181) |
hsl(199,50%,47%) |
#90B53D |
rgb(144,181,61) |
hsl(79,50%,47%) |