HEX #386BAF color — Azure
The color #386BAF is a dark shade and moderately saturated.
Palette
386BAF color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f9 |
rgb(236,241,249) |
hsl(214,52%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(214,52%,90%) |
#c5d6ed |
rgb(197,214,237) |
hsl(214,52%,85%) |
#b1c8e7 |
rgb(177,200,231) |
hsl(214,52%,80%) |
#9ebbe0 |
rgb(158,187,224) |
hsl(214,52%,75%) |
#8badda |
rgb(139,173,218) |
hsl(214,52%,70%) |
#77a0d4 |
rgb(119,160,212) |
hsl(214,52%,65%) |
#6492ce |
rgb(100,146,206) |
hsl(214,52%,60%) |
#5184c8 |
rgb(81,132,200) |
hsl(214,52%,55%) |
#3d77c2 |
rgb(61,119,194) |
hsl(214,52%,50%) |
#376bae |
rgb(55,107,174) |
hsl(214,52%,45%) |
#315f9b |
rgb(49,95,155) |
hsl(214,52%,40%) |
#2b5388 |
rgb(43,83,136) |
hsl(214,52%,35%) |
#254774 |
rgb(37,71,116) |
hsl(214,52%,30%) |
#1f3b61 |
rgb(31,59,97) |
hsl(214,52%,25%) |
#182f4e |
rgb(24,47,78) |
hsl(214,52%,20%) |
#12243a |
rgb(18,36,58) |
hsl(214,52%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(214,52%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(214,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#38B0A3 |
rgb(56,176,163) |
hsl(174,52%,45%) |
#386BAF |
rgb(56,107,175) |
hsl(214,52%,45%) |
#5438AF |
rgb(84,56,175) |
hsl(254,52%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6391CD |
rgb(99,145,205) |
hsl(214,51%,60%) |
#477DC4 |
rgb(71,125,196) |
hsl(214,51%,52%) |
#386BAF |
rgb(56,107,175) |
hsl(214,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 |
#386BAF |
rgb(56,107,175) |
hsl(214,52%,45%) |
#AF4038 |
rgb(175,64,56) |
hsl(4,52%,45%) |
#A6B038 |
rgb(166,176,56) |
hsl(65,52%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BAF |
rgb(56,107,175) |
hsl(214,52%,45%) |
#AF7D38 |
rgb(175,125,56) |
hsl(35,52%,45%) |
#38A6AF |
rgb(56,166,175) |
hsl(185,52%,45%) |
#A6B038 |
rgb(166,176,56) |
hsl(65,52%,45%) |