HEX #386BB0 color — Azure
The color #386BB0 is a dark shade and moderately saturated.
Palette
386BB0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f9 |
rgb(236,241,249) |
hsl(215,52%,95%) |
#d8e3f3 |
rgb(216,227,243) |
hsl(215,52%,90%) |
#c5d5ed |
rgb(197,213,237) |
hsl(215,52%,85%) |
#b1c8e7 |
rgb(177,200,231) |
hsl(215,52%,80%) |
#9ebae0 |
rgb(158,186,224) |
hsl(215,52%,75%) |
#8bacda |
rgb(139,172,218) |
hsl(215,52%,70%) |
#779ed4 |
rgb(119,158,212) |
hsl(215,52%,65%) |
#6490ce |
rgb(100,144,206) |
hsl(215,52%,60%) |
#5182c8 |
rgb(81,130,200) |
hsl(215,52%,55%) |
#3d74c2 |
rgb(61,116,194) |
hsl(215,52%,50%) |
#3769ae |
rgb(55,105,174) |
hsl(215,52%,45%) |
#315d9b |
rgb(49,93,155) |
hsl(215,52%,40%) |
#2b5288 |
rgb(43,82,136) |
hsl(215,52%,35%) |
#254674 |
rgb(37,70,116) |
hsl(215,52%,30%) |
#1f3a61 |
rgb(31,58,97) |
hsl(215,52%,25%) |
#182f4e |
rgb(24,47,78) |
hsl(215,52%,20%) |
#12233a |
rgb(18,35,58) |
hsl(215,52%,15%) |
#0c1727 |
rgb(12,23,39) |
hsl(215,52%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(215,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#38B0A5 |
rgb(56,176,165) |
hsl(175,52%,45%) |
#386BB0 |
rgb(56,107,176) |
hsl(215,52%,45%) |
#5538B0 |
rgb(85,56,176) |
hsl(255,52%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6491CD |
rgb(100,145,205) |
hsl(214,51%,60%) |
#487DC4 |
rgb(72,125,196) |
hsl(214,51%,53%) |
#386BB0 |
rgb(56,107,176) |
hsl(215,52%,45%) |
#2F5993 |
rgb(47,89,147) |
hsl(215,52%,38%) |
#264A77 |
rgb(38,74,119) |
hsl(213,52%,31%) |
#1D385B |
rgb(29,56,91) |
hsl(214,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BB0 |
rgb(56,107,176) |
hsl(215,52%,45%) |
#B04038 |
rgb(176,64,56) |
hsl(4,52%,45%) |
#A7B038 |
rgb(167,176,56) |
hsl(65,52%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BB0 |
rgb(56,107,176) |
hsl(215,52%,45%) |
#B07D38 |
rgb(176,125,56) |
hsl(35,52%,45%) |
#38A6B0 |
rgb(56,166,176) |
hsl(185,52%,45%) |
#A7B038 |
rgb(167,176,56) |
hsl(65,52%,45%) |