HEX #335A9E color — Azure
The color #335a9e is a dark shade and moderately saturated.
Palette
335a9e color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(218,51%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(218,51%,91%) |
#c9d6ee |
rgb(201,214,238) |
hsl(218,51%,86%) |
#b6c8e7 |
rgb(182,200,231) |
hsl(218,51%,81%) |
#a3b9e1 |
rgb(163,185,225) |
hsl(218,51%,76%) |
#8fabdb |
rgb(143,171,219) |
hsl(218,51%,71%) |
#7c9dd5 |
rgb(124,157,213) |
hsl(218,51%,66%) |
#698ece |
rgb(105,142,206) |
hsl(218,51%,61%) |
#5680c8 |
rgb(86,128,200) |
hsl(218,51%,56%) |
#4271c2 |
rgb(66,113,194) |
hsl(218,51%,51%) |
#3965b1 |
rgb(57,101,177) |
hsl(218,51%,46%) |
#335a9e |
rgb(51,90,158) |
hsl(218,51%,41%) |
#2d4f8b |
rgb(45,79,139) |
hsl(218,51%,36%) |
#274477 |
rgb(39,68,119) |
hsl(218,51%,31%) |
#203964 |
rgb(32,57,100) |
hsl(218,51%,26%) |
#1a2e51 |
rgb(26,46,81) |
hsl(218,51%,21%) |
#14233e |
rgb(20,35,62) |
hsl(218,51%,16%) |
#0e182a |
rgb(14,24,42) |
hsl(218,51%,11%) |
#070d17 |
rgb(7,13,23) |
hsl(218,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#339E9A |
rgb(51,158,154) |
hsl(178,51%,41%) |
#335A9E |
rgb(51,90,158) |
hsl(218,51%,41%) |
#53339E |
rgb(83,51,158) |
hsl(258,51%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E7AC5 |
rgb(78,122,197) |
hsl(218,51%,54%) |
#3B69B7 |
rgb(59,105,183) |
hsl(218,51%,47%) |
#335A9E |
rgb(51,90,158) |
hsl(218,51%,41%) |
#2A4D84 |
rgb(42,77,132) |
hsl(217,52%,34%) |
#223D6B |
rgb(34,61,107) |
hsl(218,52%,28%) |
#1A2E52 |
rgb(26,46,82) |
hsl(219,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#335A9E |
rgb(51,90,158) |
hsl(218,51%,41%) |
#9E4233 |
rgb(158,66,51) |
hsl(8,51%,41%) |
#8F9E33 |
rgb(143,158,51) |
hsl(68,51%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335A9E |
rgb(51,90,158) |
hsl(218,51%,41%) |
#9E7833 |
rgb(158,120,51) |
hsl(39,51%,41%) |
#338F9E |
rgb(51,143,158) |
hsl(188,51%,41%) |
#8F9E33 |
rgb(143,158,51) |
hsl(68,51%,41%) |