HEX #345AB2 color — Azure
The color #345ab2 is a dark shade and moderately saturated.
Palette
345ab2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeff9 |
rgb(235,239,249) |
hsl(222,55%,95%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(222,55%,90%) |
| #c4d0ee |
rgb(196,208,238) |
hsl(222,55%,85%) |
| #b0c1e8 |
rgb(176,193,232) |
hsl(222,55%,80%) |
| #9cb1e2 |
rgb(156,177,226) |
hsl(222,55%,75%) |
| #88a2dd |
rgb(136,162,221) |
hsl(222,55%,70%) |
| #7592d7 |
rgb(117,146,215) |
hsl(222,55%,65%) |
| #6183d1 |
rgb(97,131,209) |
hsl(222,55%,60%) |
| #4d73cb |
rgb(77,115,203) |
hsl(222,55%,55%) |
| #3963c6 |
rgb(57,99,198) |
hsl(222,55%,50%) |
| #345ab2 |
rgb(52,90,178) |
hsl(222,55%,45%) |
| #2e509e |
rgb(46,80,158) |
hsl(222,55%,40%) |
| #28468a |
rgb(40,70,138) |
hsl(222,55%,35%) |
| #223c77 |
rgb(34,60,119) |
hsl(222,55%,30%) |
| #1d3263 |
rgb(29,50,99) |
hsl(222,55%,25%) |
| #17284f |
rgb(23,40,79) |
hsl(222,55%,20%) |
| #111e3b |
rgb(17,30,59) |
hsl(222,55%,15%) |
| #0b1428 |
rgb(11,20,40) |
hsl(222,55%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(222,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #34ADB2 |
rgb(52,173,178) |
hsl(182,55%,45%) |
| #345AB2 |
rgb(52,90,178) |
hsl(222,55%,45%) |
| #6233B2 |
rgb(98,51,178) |
hsl(262,55%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5F82D0 |
rgb(95,130,208) |
hsl(221,55%,59%) |
| #426BC8 |
rgb(66,107,200) |
hsl(222,55%,52%) |
| #345AB2 |
rgb(52,90,178) |
hsl(222,55%,45%) |
| #2B4D95 |
rgb(43,77,149) |
hsl(221,55%,38%) |
| #233D79 |
rgb(35,61,121) |
hsl(222,55%,31%) |
| #1B2E5C |
rgb(27,46,92) |
hsl(222,55%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #345AB2 |
rgb(52,90,178) |
hsl(222,55%,45%) |
| #B24D34 |
rgb(178,77,52) |
hsl(12,55%,45%) |
| #99B334 |
rgb(153,179,52) |
hsl(72,55%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #345AB2 |
rgb(52,90,178) |
hsl(222,55%,45%) |
| #B28C34 |
rgb(178,140,52) |
hsl(42,55%,45%) |
| #3499B2 |
rgb(52,153,178) |
hsl(192,55%,45%) |
| #99B334 |
rgb(153,179,52) |
hsl(72,55%,45%) |
