HEX #326BB2 color — Azure
The color #326BB2 is a dark shade and moderately saturated.
Palette
326BB2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2f9 |
rgb(235,242,249) |
hsl(213,56%,95%) |
#d7e4f4 |
rgb(215,228,244) |
hsl(213,56%,90%) |
#c3d7ee |
rgb(195,215,238) |
hsl(213,56%,85%) |
#afc9e9 |
rgb(175,201,233) |
hsl(213,56%,80%) |
#9cbce3 |
rgb(156,188,227) |
hsl(213,56%,75%) |
#88aedd |
rgb(136,174,221) |
hsl(213,56%,70%) |
#74a1d8 |
rgb(116,161,216) |
hsl(213,56%,65%) |
#6093d2 |
rgb(96,147,210) |
hsl(213,56%,60%) |
#4c86cd |
rgb(76,134,205) |
hsl(213,56%,55%) |
#3878c7 |
rgb(56,120,199) |
hsl(213,56%,50%) |
#326cb3 |
rgb(50,108,179) |
hsl(213,56%,45%) |
#2d609f |
rgb(45,96,159) |
hsl(213,56%,40%) |
#27548b |
rgb(39,84,139) |
hsl(213,56%,35%) |
#224877 |
rgb(34,72,119) |
hsl(213,56%,30%) |
#1c3c63 |
rgb(28,60,99) |
hsl(213,56%,25%) |
#163050 |
rgb(22,48,80) |
hsl(213,56%,20%) |
#11243c |
rgb(17,36,60) |
hsl(213,56%,15%) |
#0b1828 |
rgb(11,24,40) |
hsl(213,56%,10%) |
#060c14 |
rgb(6,12,20) |
hsl(213,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#32B3A3 |
rgb(50,179,163) |
hsl(173,56%,45%) |
#326BB2 |
rgb(50,107,178) |
hsl(213,56%,45%) |
#4E33B2 |
rgb(78,51,178) |
hsl(253,55%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B8FD1 |
rgb(91,143,209) |
hsl(214,56%,59%) |
#3F7DC9 |
rgb(63,125,201) |
hsl(213,56%,52%) |
#326BB2 |
rgb(50,107,178) |
hsl(213,56%,45%) |
#2A5995 |
rgb(42,89,149) |
hsl(214,56%,37%) |
#224A79 |
rgb(34,74,121) |
hsl(212,56%,30%) |
#1A385C |
rgb(26,56,92) |
hsl(213,56%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#326BB2 |
rgb(50,107,178) |
hsl(213,56%,45%) |
#B23832 |
rgb(178,56,50) |
hsl(3,56%,45%) |
#ABB332 |
rgb(171,179,50) |
hsl(64,56%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#326BB2 |
rgb(50,107,178) |
hsl(213,56%,45%) |
#B27832 |
rgb(178,120,50) |
hsl(33,56%,45%) |
#32ABB2 |
rgb(50,171,178) |
hsl(183,56%,45%) |
#ABB332 |
rgb(171,179,50) |
hsl(64,56%,45%) |