HEX #343A4C color — Bright Gray
The color #343A4C is a dark shade and slightly desaturated.
Palette
343A4C color palette from light to dark
HEX |
RGB |
HSL |
#f0f1f5 |
rgb(240,241,245) |
hsl(225,19%,95%) |
#e1e3ea |
rgb(225,227,234) |
hsl(225,19%,90%) |
#d1d5e0 |
rgb(209,213,224) |
hsl(225,19%,85%) |
#c2c7d6 |
rgb(194,199,214) |
hsl(225,19%,80%) |
#b3b9cb |
rgb(179,185,203) |
hsl(225,19%,75%) |
#a4abc1 |
rgb(164,171,193) |
hsl(225,19%,70%) |
#959db7 |
rgb(149,157,183) |
hsl(225,19%,65%) |
#868fac |
rgb(134,143,172) |
hsl(225,19%,60%) |
#7681a2 |
rgb(118,129,162) |
hsl(225,19%,55%) |
#677398 |
rgb(103,115,152) |
hsl(225,19%,50%) |
#5d6889 |
rgb(93,104,137) |
hsl(225,19%,45%) |
#535c79 |
rgb(83,92,121) |
hsl(225,19%,40%) |
#48516a |
rgb(72,81,106) |
hsl(225,19%,35%) |
#3e455b |
rgb(62,69,91) |
hsl(225,19%,30%) |
#343a4c |
rgb(52,58,76) |
hsl(225,19%,25%) |
#292e3d |
rgb(41,46,61) |
hsl(225,19%,20%) |
#1f232e |
rgb(31,35,46) |
hsl(225,19%,15%) |
#15171e |
rgb(21,23,30) |
hsl(225,19%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(225,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#344A4C |
rgb(52,74,76) |
hsl(185,19%,25%) |
#343A4C |
rgb(52,58,76) |
hsl(225,19%,25%) |
#3E334C |
rgb(62,51,76) |
hsl(266,20%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C4258 |
rgb(60,66,88) |
hsl(227,19%,29%) |
#343A4C |
rgb(52,58,76) |
hsl(225,19%,25%) |
#2B303F |
rgb(43,48,63) |
hsl(225,19%,21%) |
#232633 |
rgb(35,38,51) |
hsl(229,19%,17%) |
#1B1F27 |
rgb(27,31,39) |
hsl(220,18%,13%) |
#12141B |
rgb(18,20,27) |
hsl(227,20%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#343A4C |
rgb(52,58,76) |
hsl(225,19%,25%) |
#4C3B34 |
rgb(76,59,52) |
hsl(18,19%,25%) |
#464D34 |
rgb(70,77,52) |
hsl(77,19%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#343A4C |
rgb(52,58,76) |
hsl(225,19%,25%) |
#4C4534 |
rgb(76,69,52) |
hsl(43,19%,25%) |
#34454C |
rgb(52,69,76) |
hsl(198,19%,25%) |
#464D34 |
rgb(70,77,52) |
hsl(77,19%,25%) |