HEX #3A6BB6 color — Azure
The color #3a6bb6 is a dark shade and moderately saturated.
Palette
3a6bb6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(216,52%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(216,52%,92%) |
#cddaef |
rgb(205,218,239) |
hsl(216,52%,87%) |
#b9cce9 |
rgb(185,204,233) |
hsl(216,52%,82%) |
#a6bee3 |
rgb(166,190,227) |
hsl(216,52%,77%) |
#92b0dd |
rgb(146,176,221) |
hsl(216,52%,72%) |
#7fa2d7 |
rgb(127,162,215) |
hsl(216,52%,67%) |
#6c94d0 |
rgb(108,148,208) |
hsl(216,52%,62%) |
#5886ca |
rgb(88,134,202) |
hsl(216,52%,57%) |
#4578c4 |
rgb(69,120,196) |
hsl(216,52%,52%) |
#3a6bb6 |
rgb(58,107,182) |
hsl(216,52%,47%) |
#3360a3 |
rgb(51,96,163) |
hsl(216,52%,42%) |
#2d558f |
rgb(45,85,143) |
hsl(216,52%,37%) |
#27497c |
rgb(39,73,124) |
hsl(216,52%,32%) |
#213e69 |
rgb(33,62,105) |
hsl(216,52%,27%) |
#1b3255 |
rgb(27,50,85) |
hsl(216,52%,22%) |
#152742 |
rgb(21,39,66) |
hsl(216,52%,17%) |
#0f1b2f |
rgb(15,27,47) |
hsl(216,52%,12%) |
#09101b |
rgb(9,16,27) |
hsl(216,52%,7%) |
#020508 |
rgb(2,5,8) |
hsl(216,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB5AE |
rgb(58,181,174) |
hsl(177,51%,47%) |
#3A6BB6 |
rgb(58,107,182) |
hsl(216,52%,47%) |
#5B3BB6 |
rgb(91,59,182) |
hsl(256,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C94D0 |
rgb(108,148,208) |
hsl(216,52%,62%) |
#4F80C7 |
rgb(79,128,199) |
hsl(216,52%,55%) |
#3A6BB6 |
rgb(58,107,182) |
hsl(216,52%,47%) |
#305998 |
rgb(48,89,152) |
hsl(216,52%,39%) |
#274A7B |
rgb(39,74,123) |
hsl(215,52%,32%) |
#1E385E |
rgb(30,56,94) |
hsl(216,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BB6 |
rgb(58,107,182) |
hsl(216,52%,47%) |
#B6473A |
rgb(182,71,58) |
hsl(6,52%,47%) |
#A9B53A |
rgb(169,181,58) |
hsl(66,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BB6 |
rgb(58,107,182) |
hsl(216,52%,47%) |
#B6853A |
rgb(182,133,58) |
hsl(36,52%,47%) |
#3AA8B6 |
rgb(58,168,182) |
hsl(187,52%,47%) |
#A9B53A |
rgb(169,181,58) |
hsl(66,51%,47%) |