HEX #335CA0 color — Azure
The color #335CA0 is a dark shade and moderately saturated.
Palette
335CA0 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fa |
rgb(239,244,250) |
hsl(217,52%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(217,52%,91%) |
#c9d7ee |
rgb(201,215,238) |
hsl(217,52%,86%) |
#b5c9e8 |
rgb(181,201,232) |
hsl(217,52%,81%) |
#a2bae2 |
rgb(162,186,226) |
hsl(217,52%,76%) |
#8facdc |
rgb(143,172,220) |
hsl(217,52%,71%) |
#7b9ed5 |
rgb(123,158,213) |
hsl(217,52%,66%) |
#688fcf |
rgb(104,143,207) |
hsl(217,52%,61%) |
#5481c9 |
rgb(84,129,201) |
hsl(217,52%,56%) |
#4173c3 |
rgb(65,115,195) |
hsl(217,52%,51%) |
#3867b2 |
rgb(56,103,178) |
hsl(217,52%,46%) |
#325c9f |
rgb(50,92,159) |
hsl(217,52%,41%) |
#2c518c |
rgb(44,81,140) |
hsl(217,52%,36%) |
#264578 |
rgb(38,69,120) |
hsl(217,52%,31%) |
#203a65 |
rgb(32,58,101) |
hsl(217,52%,26%) |
#1a2f51 |
rgb(26,47,81) |
hsl(217,52%,21%) |
#14243e |
rgb(20,36,62) |
hsl(217,52%,16%) |
#0d192b |
rgb(13,25,43) |
hsl(217,52%,11%) |
#070d17 |
rgb(7,13,23) |
hsl(217,52%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A19B |
rgb(51,161,155) |
hsl(177,52%,42%) |
#335CA0 |
rgb(51,92,160) |
hsl(217,52%,41%) |
#5233A0 |
rgb(82,51,160) |
hsl(257,52%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F7DC7 |
rgb(79,125,199) |
hsl(217,52%,55%) |
#3B6BB9 |
rgb(59,107,185) |
hsl(217,52%,48%) |
#335CA0 |
rgb(51,92,160) |
hsl(217,52%,41%) |
#2A4D86 |
rgb(42,77,134) |
hsl(217,52%,35%) |
#22406C |
rgb(34,64,108) |
hsl(216,52%,28%) |
#1A3053 |
rgb(26,48,83) |
hsl(217,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#335CA0 |
rgb(51,92,160) |
hsl(217,52%,41%) |
#A04033 |
rgb(160,64,51) |
hsl(7,52%,41%) |
#92A133 |
rgb(146,161,51) |
hsl(68,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335CA0 |
rgb(51,92,160) |
hsl(217,52%,41%) |
#A07833 |
rgb(160,120,51) |
hsl(38,52%,41%) |
#3391A0 |
rgb(51,145,160) |
hsl(188,52%,41%) |
#92A133 |
rgb(146,161,51) |
hsl(68,52%,42%) |