HEX #3878A6 color — Astral
The color #3878A6 is a dark shade and moderately saturated.
Palette
3878A6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,50%,99%) |
#e8f1f7 |
rgb(232,241,247) |
hsl(205,50%,94%) |
#d5e5f1 |
rgb(213,229,241) |
hsl(205,50%,89%) |
#c2daeb |
rgb(194,218,235) |
hsl(205,50%,84%) |
#afcee4 |
rgb(175,206,228) |
hsl(205,50%,79%) |
#9cc2de |
rgb(156,194,222) |
hsl(205,50%,74%) |
#88b7d7 |
rgb(136,183,215) |
hsl(205,50%,69%) |
#75abd1 |
rgb(117,171,209) |
hsl(205,50%,64%) |
#629fcb |
rgb(98,159,203) |
hsl(205,50%,59%) |
#4f93c4 |
rgb(79,147,196) |
hsl(205,50%,54%) |
#3e87bb |
rgb(62,135,187) |
hsl(205,50%,49%) |
#387aa8 |
rgb(56,122,168) |
hsl(205,50%,44%) |
#326c95 |
rgb(50,108,149) |
hsl(205,50%,39%) |
#2b5e82 |
rgb(43,94,130) |
hsl(205,50%,34%) |
#25506f |
rgb(37,80,111) |
hsl(205,50%,29%) |
#1f425c |
rgb(31,66,92) |
hsl(205,50%,24%) |
#183449 |
rgb(24,52,73) |
hsl(205,50%,19%) |
#122736 |
rgb(18,39,54) |
hsl(205,50%,14%) |
#0b1922 |
rgb(11,25,34) |
hsl(205,50%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(205,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#38A68A |
rgb(56,166,138) |
hsl(165,50%,44%) |
#3878A6 |
rgb(56,120,166) |
hsl(205,50%,44%) |
#4138A6 |
rgb(65,56,166) |
hsl(245,50%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C9CC8 |
rgb(92,156,200) |
hsl(204,50%,57%) |
#428CBF |
rgb(66,140,191) |
hsl(204,49%,50%) |
#3878A6 |
rgb(56,120,166) |
hsl(205,50%,44%) |
#2F668B |
rgb(47,102,139) |
hsl(204,49%,36%) |
#265270 |
rgb(38,82,112) |
hsl(204,49%,29%) |
#1D3D56 |
rgb(29,61,86) |
hsl(206,50%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3878A6 |
rgb(56,120,166) |
hsl(205,50%,44%) |
#A63841 |
rgb(166,56,65) |
hsl(355,50%,44%) |
#A69E38 |
rgb(166,158,56) |
hsl(56,50%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3878A6 |
rgb(56,120,166) |
hsl(205,50%,44%) |
#A66638 |
rgb(166,102,56) |
hsl(25,50%,44%) |
#38A69D |
rgb(56,166,157) |
hsl(175,50%,44%) |
#A69E38 |
rgb(166,158,56) |
hsl(56,50%,44%) |