HEX #3663A0 color — Azure
The color #3663A0 is a dark shade and moderately saturated.
Palette
3663A0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fb |
rgb(244,247,251) |
hsl(215,50%,97%) |
#e0e9f5 |
rgb(224,233,245) |
hsl(215,50%,92%) |
#cddbee |
rgb(205,219,238) |
hsl(215,50%,87%) |
#bacde8 |
rgb(186,205,232) |
hsl(215,50%,82%) |
#a7bfe2 |
rgb(167,191,226) |
hsl(215,50%,77%) |
#94b2db |
rgb(148,178,219) |
hsl(215,50%,72%) |
#81a4d5 |
rgb(129,164,213) |
hsl(215,50%,67%) |
#6e96cf |
rgb(110,150,207) |
hsl(215,50%,62%) |
#5b88c8 |
rgb(91,136,200) |
hsl(215,50%,57%) |
#477ac2 |
rgb(71,122,194) |
hsl(215,50%,52%) |
#3c6eb4 |
rgb(60,110,180) |
hsl(215,50%,47%) |
#3662a1 |
rgb(54,98,161) |
hsl(215,50%,42%) |
#2f568e |
rgb(47,86,142) |
hsl(215,50%,37%) |
#294b7a |
rgb(41,75,122) |
hsl(215,50%,32%) |
#223f67 |
rgb(34,63,103) |
hsl(215,50%,27%) |
#1c3354 |
rgb(28,51,84) |
hsl(215,50%,22%) |
#162841 |
rgb(22,40,65) |
hsl(215,50%,17%) |
#0f1c2e |
rgb(15,28,46) |
hsl(215,50%,12%) |
#09101b |
rgb(9,16,27) |
hsl(215,50%,7%) |
#030508 |
rgb(3,5,8) |
hsl(215,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A196 |
rgb(54,161,150) |
hsl(174,50%,42%) |
#3663A0 |
rgb(54,99,160) |
hsl(215,50%,42%) |
#4F36A0 |
rgb(79,54,160) |
hsl(254,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5485C5 |
rgb(84,133,197) |
hsl(214,49%,55%) |
#3E73B9 |
rgb(62,115,185) |
hsl(214,50%,48%) |
#3663A0 |
rgb(54,99,160) |
hsl(215,50%,42%) |
#2D5486 |
rgb(45,84,134) |
hsl(214,50%,35%) |
#24426C |
rgb(36,66,108) |
hsl(215,50%,28%) |
#1C3353 |
rgb(28,51,83) |
hsl(215,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3663A0 |
rgb(54,99,160) |
hsl(215,50%,42%) |
#A03D36 |
rgb(160,61,54) |
hsl(4,50%,42%) |
#98A136 |
rgb(152,161,54) |
hsl(65,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3663A0 |
rgb(54,99,160) |
hsl(215,50%,42%) |
#A07336 |
rgb(160,115,54) |
hsl(35,50%,42%) |
#3699A0 |
rgb(54,153,160) |
hsl(184,50%,42%) |
#98A136 |
rgb(152,161,54) |
hsl(65,50%,42%) |