HEX #3396A2 color — Astral
The color #3396A2 is a light shade and moderately saturated.
Palette
3396A2 color palette from light to dark
HEX |
RGB |
HSL |
#f3fbfb |
rgb(243,251,251) |
hsl(186,52%,97%) |
#e0f3f5 |
rgb(224,243,245) |
hsl(186,52%,92%) |
#cdecef |
rgb(205,236,239) |
hsl(186,52%,87%) |
#b9e4e9 |
rgb(185,228,233) |
hsl(186,52%,82%) |
#a6dde3 |
rgb(166,221,227) |
hsl(186,52%,77%) |
#92d5dd |
rgb(146,213,221) |
hsl(186,52%,72%) |
#7fced7 |
rgb(127,206,215) |
hsl(186,52%,67%) |
#6cc6d0 |
rgb(108,198,208) |
hsl(186,52%,62%) |
#58bfca |
rgb(88,191,202) |
hsl(186,52%,57%) |
#45b8c4 |
rgb(69,184,196) |
hsl(186,52%,52%) |
#3aaab6 |
rgb(58,170,182) |
hsl(186,52%,47%) |
#3398a3 |
rgb(51,152,163) |
hsl(186,52%,42%) |
#2d868f |
rgb(45,134,143) |
hsl(186,52%,37%) |
#27747c |
rgb(39,116,124) |
hsl(186,52%,32%) |
#216169 |
rgb(33,97,105) |
hsl(186,52%,27%) |
#1b4f55 |
rgb(27,79,85) |
hsl(186,52%,22%) |
#153d42 |
rgb(21,61,66) |
hsl(186,52%,17%) |
#0f2b2f |
rgb(15,43,47) |
hsl(186,52%,12%) |
#09191b |
rgb(9,25,27) |
hsl(186,52%,7%) |
#020708 |
rgb(2,7,8) |
hsl(186,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A364 |
rgb(51,163,100) |
hsl(146,52%,42%) |
#3396A2 |
rgb(51,150,162) |
hsl(186,52%,42%) |
#334DA2 |
rgb(51,77,162) |
hsl(226,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50BAC8 |
rgb(80,186,200) |
hsl(187,52%,55%) |
#3BADBB |
rgb(59,173,187) |
hsl(187,52%,48%) |
#3396A2 |
rgb(51,150,162) |
hsl(186,52%,42%) |
#2A7D88 |
rgb(42,125,136) |
hsl(187,53%,35%) |
#22666E |
rgb(34,102,110) |
hsl(186,53%,28%) |
#1A4F54 |
rgb(26,79,84) |
hsl(185,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3396A2 |
rgb(51,150,162) |
hsl(186,52%,42%) |
#A2335E |
rgb(162,51,94) |
hsl(337,52%,42%) |
#A27533 |
rgb(162,117,51) |
hsl(36,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3396A2 |
rgb(51,150,162) |
hsl(186,52%,42%) |
#A24033 |
rgb(162,64,51) |
hsl(7,52%,42%) |
#33A376 |
rgb(51,163,118) |
hsl(156,52%,42%) |
#A27533 |
rgb(162,117,51) |
hsl(36,52%,42%) |