HEX #3154B2 color — Azure
The color #3154B2 is a dark shade and moderately saturated.
Palette
3154B2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeffa |
rgb(235,239,250) |
hsl(224,57%,95%) |
| #d7dff4 |
rgb(215,223,244) |
hsl(224,57%,90%) |
| #c3cfef |
rgb(195,207,239) |
hsl(224,57%,85%) |
| #afbee9 |
rgb(175,190,233) |
hsl(224,57%,80%) |
| #9baee4 |
rgb(155,174,228) |
hsl(224,57%,75%) |
| #879ede |
rgb(135,158,222) |
hsl(224,57%,70%) |
| #738ed9 |
rgb(115,142,217) |
hsl(224,57%,65%) |
| #5f7ed3 |
rgb(95,126,211) |
hsl(224,57%,60%) |
| #4b6ece |
rgb(75,110,206) |
hsl(224,57%,55%) |
| #375ec8 |
rgb(55,94,200) |
hsl(224,57%,50%) |
| #3154b4 |
rgb(49,84,180) |
hsl(224,57%,45%) |
| #2c4ba0 |
rgb(44,75,160) |
hsl(224,57%,40%) |
| #26428c |
rgb(38,66,140) |
hsl(224,57%,35%) |
| #213878 |
rgb(33,56,120) |
hsl(224,57%,30%) |
| #1b2f64 |
rgb(27,47,100) |
hsl(224,57%,25%) |
| #162550 |
rgb(22,37,80) |
hsl(224,57%,20%) |
| #101c3c |
rgb(16,28,60) |
hsl(224,57%,15%) |
| #0b1328 |
rgb(11,19,40) |
hsl(224,57%,10%) |
| #050914 |
rgb(5,9,20) |
hsl(224,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31ABB2 |
rgb(49,171,178) |
hsl(183,57%,45%) |
| #3154B2 |
rgb(49,84,178) |
hsl(224,57%,45%) |
| #6430B2 |
rgb(100,48,178) |
hsl(264,58%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5A7AD1 |
rgb(90,122,209) |
hsl(224,56%,59%) |
| #3D63C9 |
rgb(61,99,201) |
hsl(224,56%,51%) |
| #3154B2 |
rgb(49,84,178) |
hsl(224,57%,45%) |
| #294795 |
rgb(41,71,149) |
hsl(223,57%,37%) |
| #213879 |
rgb(33,56,121) |
hsl(224,57%,30%) |
| #192B5C |
rgb(25,43,92) |
hsl(224,57%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3154B2 |
rgb(49,84,178) |
hsl(224,57%,45%) |
| #B24F31 |
rgb(178,79,49) |
hsl(14,57%,45%) |
| #94B331 |
rgb(148,179,49) |
hsl(74,57%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3154B2 |
rgb(49,84,178) |
hsl(224,57%,45%) |
| #B28F31 |
rgb(178,143,49) |
hsl(44,57%,45%) |
| #3194B2 |
rgb(49,148,178) |
hsl(194,57%,45%) |
| #94B331 |
rgb(148,179,49) |
hsl(74,57%,45%) |
