HEX #2C69A2 color — Azure
The color #2C69A2 is a dark shade and moderately saturated.
Palette
2C69A2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2fa |
rgb(235,242,250) |
hsl(209,57%,95%) |
#d7e6f4 |
rgb(215,230,244) |
hsl(209,57%,90%) |
#c3d9ef |
rgb(195,217,239) |
hsl(209,57%,85%) |
#afcde9 |
rgb(175,205,233) |
hsl(209,57%,80%) |
#9bc0e4 |
rgb(155,192,228) |
hsl(209,57%,75%) |
#87b4de |
rgb(135,180,222) |
hsl(209,57%,70%) |
#73a7d9 |
rgb(115,167,217) |
hsl(209,57%,65%) |
#5f9bd3 |
rgb(95,155,211) |
hsl(209,57%,60%) |
#4b8ece |
rgb(75,142,206) |
hsl(209,57%,55%) |
#3782c8 |
rgb(55,130,200) |
hsl(209,57%,50%) |
#3175b4 |
rgb(49,117,180) |
hsl(209,57%,45%) |
#2c68a0 |
rgb(44,104,160) |
hsl(209,57%,40%) |
#265b8c |
rgb(38,91,140) |
hsl(209,57%,35%) |
#214e78 |
rgb(33,78,120) |
hsl(209,57%,30%) |
#1b4164 |
rgb(27,65,100) |
hsl(209,57%,25%) |
#163450 |
rgb(22,52,80) |
hsl(209,57%,20%) |
#10273c |
rgb(16,39,60) |
hsl(209,57%,15%) |
#0b1a28 |
rgb(11,26,40) |
hsl(209,57%,10%) |
#050d14 |
rgb(5,13,20) |
hsl(209,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA38C |
rgb(44,163,140) |
hsl(168,57%,41%) |
#2C69A2 |
rgb(44,105,162) |
hsl(209,57%,40%) |
#3D2BA2 |
rgb(61,43,162) |
hsl(249,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#438ACC |
rgb(67,138,204) |
hsl(209,57%,53%) |
#337ABB |
rgb(51,122,187) |
hsl(209,57%,47%) |
#2C69A2 |
rgb(44,105,162) |
hsl(209,57%,40%) |
#245988 |
rgb(36,89,136) |
hsl(208,58%,34%) |
#1D476E |
rgb(29,71,110) |
hsl(209,58%,27%) |
#163654 |
rgb(22,54,84) |
hsl(209,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C69A2 |
rgb(44,105,162) |
hsl(209,57%,40%) |
#A22B2E |
rgb(162,43,46) |
hsl(358,58%,40%) |
#A2A12C |
rgb(162,161,44) |
hsl(59,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C69A2 |
rgb(44,105,162) |
hsl(209,57%,40%) |
#A2662C |
rgb(162,102,44) |
hsl(29,57%,40%) |
#2CA3A0 |
rgb(44,163,160) |
hsl(178,57%,41%) |
#A2A12C |
rgb(162,161,44) |
hsl(59,57%,40%) |