HEX #3354B2 color — Azure
The color #3354B2 is a dark shade and moderately saturated.
Palette
3354B2 color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(224,55%,95%) |
#d7dff4 |
rgb(215,223,244) |
hsl(224,55%,90%) |
#c4cfee |
rgb(196,207,238) |
hsl(224,55%,85%) |
#b0bfe8 |
rgb(176,191,232) |
hsl(224,55%,80%) |
#9cafe2 |
rgb(156,175,226) |
hsl(224,55%,75%) |
#889fdd |
rgb(136,159,221) |
hsl(224,55%,70%) |
#758fd7 |
rgb(117,143,215) |
hsl(224,55%,65%) |
#617fd1 |
rgb(97,127,209) |
hsl(224,55%,60%) |
#4d6fcb |
rgb(77,111,203) |
hsl(224,55%,55%) |
#395fc6 |
rgb(57,95,198) |
hsl(224,55%,50%) |
#3455b2 |
rgb(52,85,178) |
hsl(224,55%,45%) |
#2e4c9e |
rgb(46,76,158) |
hsl(224,55%,40%) |
#28428a |
rgb(40,66,138) |
hsl(224,55%,35%) |
#223977 |
rgb(34,57,119) |
hsl(224,55%,30%) |
#1d2f63 |
rgb(29,47,99) |
hsl(224,55%,25%) |
#17264f |
rgb(23,38,79) |
hsl(224,55%,20%) |
#111c3b |
rgb(17,28,59) |
hsl(224,55%,15%) |
#0b1328 |
rgb(11,19,40) |
hsl(224,55%,10%) |
#060914 |
rgb(6,9,20) |
hsl(224,55%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A8B2 |
rgb(51,168,178) |
hsl(185,55%,45%) |
#3354B2 |
rgb(51,84,178) |
hsl(224,55%,45%) |
#6633B2 |
rgb(102,51,178) |
hsl(264,55%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D7AD0 |
rgb(93,122,208) |
hsl(225,55%,59%) |
#4163C8 |
rgb(65,99,200) |
hsl(225,55%,52%) |
#3354B2 |
rgb(51,84,178) |
hsl(224,55%,45%) |
#2A4795 |
rgb(42,71,149) |
hsl(224,56%,37%) |
#223879 |
rgb(34,56,121) |
hsl(225,56%,30%) |
#1A2B5C |
rgb(26,43,92) |
hsl(225,56%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3354B2 |
rgb(51,84,178) |
hsl(224,55%,45%) |
#B25233 |
rgb(178,82,51) |
hsl(15,55%,45%) |
#93B333 |
rgb(147,179,51) |
hsl(75,56%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3354B2 |
rgb(51,84,178) |
hsl(224,55%,45%) |
#B29133 |
rgb(178,145,51) |
hsl(44,55%,45%) |
#3394B2 |
rgb(51,148,178) |
hsl(194,55%,45%) |
#93B333 |
rgb(147,179,51) |
hsl(75,56%,45%) |