HEX #335EB3 color — Azure
The color #335EB3 is a dark shade and moderately saturated.
Palette
335EB3 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 |
| #33B3B2 |
rgb(51,179,178) |
hsl(180,56%,45%) |
| #335EB3 |
rgb(51,94,179) |
hsl(220,56%,45%) |
| #5D33B3 |
rgb(93,51,179) |
hsl(260,56%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5E85D1 |
rgb(94,133,209) |
hsl(220,56%,59%) |
| #4170C9 |
rgb(65,112,201) |
hsl(219,56%,52%) |
| #335EB3 |
rgb(51,94,179) |
hsl(220,56%,45%) |
| #2A4F96 |
rgb(42,79,150) |
hsl(219,56%,38%) |
| #224079 |
rgb(34,64,121) |
hsl(219,56%,30%) |
| #1A305D |
rgb(26,48,93) |
hsl(220,56%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335EB3 |
rgb(51,94,179) |
hsl(220,56%,45%) |
| #B34733 |
rgb(179,71,51) |
hsl(9,56%,45%) |
| #9EB333 |
rgb(158,179,51) |
hsl(70,56%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335EB3 |
rgb(51,94,179) |
hsl(220,56%,45%) |
| #B38733 |
rgb(179,135,51) |
hsl(39,56%,45%) |
| #339EB3 |
rgb(51,158,179) |
hsl(190,56%,45%) |
| #9EB333 |
rgb(158,179,51) |
hsl(70,56%,45%) |
