HEX #335EB5 color — Azure
The color #335EB5 is a dark shade and moderately saturated.
Palette
335EB5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(220,56%,95%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(220,56%,90%) |
| #c3d2ee |
rgb(195,210,238) |
hsl(220,56%,85%) |
| #afc2e9 |
rgb(175,194,233) |
hsl(220,56%,80%) |
| #9cb3e3 |
rgb(156,179,227) |
hsl(220,56%,75%) |
| #88a4dd |
rgb(136,164,221) |
hsl(220,56%,70%) |
| #7495d8 |
rgb(116,149,216) |
hsl(220,56%,65%) |
| #6086d2 |
rgb(96,134,210) |
hsl(220,56%,60%) |
| #4c77cd |
rgb(76,119,205) |
hsl(220,56%,55%) |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #325db3 |
rgb(50,93,179) |
hsl(220,56%,45%) |
| #2d539f |
rgb(45,83,159) |
hsl(220,56%,40%) |
| #27498b |
rgb(39,73,139) |
hsl(220,56%,35%) |
| #223e77 |
rgb(34,62,119) |
hsl(220,56%,30%) |
| #1c3463 |
rgb(28,52,99) |
hsl(220,56%,25%) |
| #162950 |
rgb(22,41,80) |
hsl(220,56%,20%) |
| #111f3c |
rgb(17,31,60) |
hsl(220,56%,15%) |
| #0b1528 |
rgb(11,21,40) |
hsl(220,56%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(220,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B5B5 |
rgb(51,181,181) |
hsl(180,56%,45%) |
| #335EB5 |
rgb(51,94,181) |
hsl(220,56%,45%) |
| #5E33B5 |
rgb(94,51,181) |
hsl(260,56%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6085D2 |
rgb(96,133,210) |
hsl(221,56%,60%) |
| #4370CA |
rgb(67,112,202) |
hsl(220,56%,53%) |
| #335EB5 |
rgb(51,94,181) |
hsl(220,56%,45%) |
| #2A4F98 |
rgb(42,79,152) |
hsl(220,57%,38%) |
| #22407B |
rgb(34,64,123) |
hsl(220,57%,31%) |
| #1A305E |
rgb(26,48,94) |
hsl(221,57%,24%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335EB5 |
rgb(51,94,181) |
hsl(220,56%,45%) |
| #B54A33 |
rgb(181,74,51) |
hsl(11,56%,45%) |
| #9FB533 |
rgb(159,181,51) |
hsl(70,56%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335EB5 |
rgb(51,94,181) |
hsl(220,56%,45%) |
| #B58A33 |
rgb(181,138,51) |
hsl(40,56%,45%) |
| #339EB5 |
rgb(51,158,181) |
hsl(191,56%,45%) |
| #9FB533 |
rgb(159,181,51) |
hsl(70,56%,45%) |
