HEX #3168B4 color — Azure
The color #3168b4 is a dark shade and moderately saturated.
Palette
3168b4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1fa |
rgb(235,241,250) |
hsl(215,57%,95%) |
#d7e3f4 |
rgb(215,227,244) |
hsl(215,57%,90%) |
#c3d5ef |
rgb(195,213,239) |
hsl(215,57%,85%) |
#afc7e9 |
rgb(175,199,233) |
hsl(215,57%,80%) |
#9bb9e4 |
rgb(155,185,228) |
hsl(215,57%,75%) |
#87abde |
rgb(135,171,222) |
hsl(215,57%,70%) |
#739dd9 |
rgb(115,157,217) |
hsl(215,57%,65%) |
#5f8fd3 |
rgb(95,143,211) |
hsl(215,57%,60%) |
#4b81ce |
rgb(75,129,206) |
hsl(215,57%,55%) |
#3773c8 |
rgb(55,115,200) |
hsl(215,57%,50%) |
#3168b4 |
rgb(49,104,180) |
hsl(215,57%,45%) |
#2c5ca0 |
rgb(44,92,160) |
hsl(215,57%,40%) |
#26518c |
rgb(38,81,140) |
hsl(215,57%,35%) |
#214578 |
rgb(33,69,120) |
hsl(215,57%,30%) |
#1b3a64 |
rgb(27,58,100) |
hsl(215,57%,25%) |
#162e50 |
rgb(22,46,80) |
hsl(215,57%,20%) |
#10233c |
rgb(16,35,60) |
hsl(215,57%,15%) |
#0b1728 |
rgb(11,23,40) |
hsl(215,57%,10%) |
#050c14 |
rgb(5,12,20) |
hsl(215,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B5A8 |
rgb(49,181,168) |
hsl(174,57%,45%) |
#3168B4 |
rgb(49,104,180) |
hsl(215,57%,45%) |
#5130B4 |
rgb(81,48,180) |
hsl(255,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B8FD2 |
rgb(91,143,210) |
hsl(214,57%,59%) |
#3E7ACA |
rgb(62,122,202) |
hsl(214,57%,52%) |
#3168B4 |
rgb(49,104,180) |
hsl(215,57%,45%) |
#295797 |
rgb(41,87,151) |
hsl(215,57%,38%) |
#21477A |
rgb(33,71,122) |
hsl(214,57%,30%) |
#19365D |
rgb(25,54,93) |
hsl(214,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3168B4 |
rgb(49,104,180) |
hsl(215,57%,45%) |
#B43B31 |
rgb(180,59,49) |
hsl(5,57%,45%) |
#A9B531 |
rgb(169,181,49) |
hsl(65,57%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3168B4 |
rgb(49,104,180) |
hsl(215,57%,45%) |
#B47D31 |
rgb(180,125,49) |
hsl(35,57%,45%) |
#31A8B4 |
rgb(49,168,180) |
hsl(185,57%,45%) |
#A9B531 |
rgb(169,181,49) |
hsl(65,57%,45%) |