HEX #345CAD color — Azure
The color #345cad is a dark shade and moderately saturated.
Palette
345cad color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,54%,99%) |
#e7edf8 |
rgb(231,237,248) |
hsl(220,54%,94%) |
#d4def2 |
rgb(212,222,242) |
hsl(220,54%,89%) |
#c0cfec |
rgb(192,207,236) |
hsl(220,54%,84%) |
#adc0e6 |
rgb(173,192,230) |
hsl(220,54%,79%) |
#99b1e1 |
rgb(153,177,225) |
hsl(220,54%,74%) |
#85a2db |
rgb(133,162,219) |
hsl(220,54%,69%) |
#7293d5 |
rgb(114,147,213) |
hsl(220,54%,64%) |
#5e84cf |
rgb(94,132,207) |
hsl(220,54%,59%) |
#4a75c9 |
rgb(74,117,201) |
hsl(220,54%,54%) |
#3966c0 |
rgb(57,102,192) |
hsl(220,54%,49%) |
#345cad |
rgb(52,92,173) |
hsl(220,54%,44%) |
#2e5299 |
rgb(46,82,153) |
hsl(220,54%,39%) |
#284786 |
rgb(40,71,134) |
hsl(220,54%,34%) |
#223d72 |
rgb(34,61,114) |
hsl(220,54%,29%) |
#1c325e |
rgb(28,50,94) |
hsl(220,54%,24%) |
#16284b |
rgb(22,40,75) |
hsl(220,54%,19%) |
#101d37 |
rgb(16,29,55) |
hsl(220,54%,14%) |
#0b1323 |
rgb(11,19,35) |
hsl(220,54%,9%) |
#050810 |
rgb(5,8,16) |
hsl(220,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#34ADAD |
rgb(52,173,173) |
hsl(180,54%,44%) |
#345CAD |
rgb(52,92,173) |
hsl(220,54%,44%) |
#5C33AD |
rgb(92,51,173) |
hsl(260,54%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B82CD |
rgb(91,130,205) |
hsl(219,53%,58%) |
#3F6BC5 |
rgb(63,107,197) |
hsl(220,54%,51%) |
#345CAD |
rgb(52,92,173) |
hsl(220,54%,44%) |
#2B4D91 |
rgb(43,77,145) |
hsl(220,54%,37%) |
#234075 |
rgb(35,64,117) |
hsl(219,54%,30%) |
#1B3059 |
rgb(27,48,89) |
hsl(220,53%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#345CAD |
rgb(52,92,173) |
hsl(220,54%,44%) |
#AD4734 |
rgb(173,71,52) |
hsl(9,54%,44%) |
#98AD34 |
rgb(152,173,52) |
hsl(70,54%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345CAD |
rgb(52,92,173) |
hsl(220,54%,44%) |
#AD8534 |
rgb(173,133,52) |
hsl(40,54%,44%) |
#3499AD |
rgb(52,153,173) |
hsl(190,54%,44%) |
#98AD34 |
rgb(152,173,52) |
hsl(70,54%,44%) |