HEX #337AB4 color — Astral
The color #337AB4 is a dark shade and moderately saturated.
Palette
337AB4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf3f9 |
rgb(235,243,249) |
hsl(207,56%,95%) |
#d7e7f4 |
rgb(215,231,244) |
hsl(207,56%,90%) |
#c3dbee |
rgb(195,219,238) |
hsl(207,56%,85%) |
#afcfe9 |
rgb(175,207,233) |
hsl(207,56%,80%) |
#9cc3e3 |
rgb(156,195,227) |
hsl(207,56%,75%) |
#88b7dd |
rgb(136,183,221) |
hsl(207,56%,70%) |
#74abd8 |
rgb(116,171,216) |
hsl(207,56%,65%) |
#609fd2 |
rgb(96,159,210) |
hsl(207,56%,60%) |
#4c93cd |
rgb(76,147,205) |
hsl(207,56%,55%) |
#3887c7 |
rgb(56,135,199) |
hsl(207,56%,50%) |
#3279b3 |
rgb(50,121,179) |
hsl(207,56%,45%) |
#2d6c9f |
rgb(45,108,159) |
hsl(207,56%,40%) |
#275e8b |
rgb(39,94,139) |
hsl(207,56%,35%) |
#225177 |
rgb(34,81,119) |
hsl(207,56%,30%) |
#1c4363 |
rgb(28,67,99) |
hsl(207,56%,25%) |
#163650 |
rgb(22,54,80) |
hsl(207,56%,20%) |
#11283c |
rgb(17,40,60) |
hsl(207,56%,15%) |
#0b1b28 |
rgb(11,27,40) |
hsl(207,56%,10%) |
#060d14 |
rgb(6,13,20) |
hsl(207,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33B598 |
rgb(51,181,152) |
hsl(167,56%,45%) |
#337AB4 |
rgb(51,122,180) |
hsl(207,56%,45%) |
#4233B4 |
rgb(66,51,180) |
hsl(247,56%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F9ED1 |
rgb(95,158,209) |
hsl(207,55%,60%) |
#428CC9 |
rgb(66,140,201) |
hsl(207,56%,52%) |
#337AB4 |
rgb(51,122,180) |
hsl(207,56%,45%) |
#2A6697 |
rgb(42,102,151) |
hsl(207,56%,38%) |
#22547A |
rgb(34,84,122) |
hsl(206,56%,31%) |
#1A405D |
rgb(26,64,93) |
hsl(206,56%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#337AB4 |
rgb(51,122,180) |
hsl(207,56%,45%) |
#B43339 |
rgb(180,51,57) |
hsl(357,56%,45%) |
#B4AD33 |
rgb(180,173,51) |
hsl(57,56%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337AB4 |
rgb(51,122,180) |
hsl(207,56%,45%) |
#B46E33 |
rgb(180,110,51) |
hsl(27,56%,45%) |
#33B5AD |
rgb(51,181,173) |
hsl(176,56%,45%) |
#B4AD33 |
rgb(180,173,51) |
hsl(57,56%,45%) |