HEX #345A6A color — Casal

The color #345a6a is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

345a6a color palette from light to dark

HEX RGB HSL
#f1f6f8 rgb(241,246,248) hsl(198,34%,96%)
#e0ebf0 rgb(224,235,240) hsl(198,34%,91%)
#cfe0e7 rgb(207,224,231) hsl(198,34%,86%)
#bed5df rgb(190,213,223) hsl(198,34%,81%)
#adcad7 rgb(173,202,215) hsl(198,34%,76%)
#9cbfce rgb(156,191,206) hsl(198,34%,71%)
#8bb4c6 rgb(139,180,198) hsl(198,34%,66%)
#7aa9bd rgb(122,169,189) hsl(198,34%,61%)
#699eb5 rgb(105,158,181) hsl(198,34%,56%)
#5893ad rgb(88,147,173) hsl(198,34%,51%)
#4d859d rgb(77,133,157) hsl(198,34%,46%)
#45778c rgb(69,119,140) hsl(198,34%,41%)
#3d687b rgb(61,104,123) hsl(198,34%,36%)
#345a6a rgb(52,90,106) hsl(198,34%,31%)
#2c4b59 rgb(44,75,89) hsl(198,34%,26%)
#233d48 rgb(35,61,72) hsl(198,34%,21%)
#1b2e37 rgb(27,46,55) hsl(198,34%,16%)
#132026 rgb(19,32,38) hsl(198,34%,11%)
#0a1115 rgb(10,17,21) hsl(198,34%,6%)
#020303 rgb(2,3,3) hsl(198,34%,1%)

Adjacent colors

HEX RGB HSL
#346B56 rgb(52,107,86) hsl(157,35%,31%)
#345A6A rgb(52,90,106) hsl(198,34%,31%)
#34366A rgb(52,54,106) hsl(238,34%,31%)

Monochromatic colors

HEX RGB HSL
#3C697A rgb(60,105,122) hsl(196,34%,36%)
#345A6A rgb(52,90,106) hsl(198,34%,31%)
#2B4D59 rgb(43,77,89) hsl(196,35%,26%)
#233D48 rgb(35,61,72) hsl(198,35%,21%)
#1B2E37 rgb(27,46,55) hsl(199,34%,16%)
#122126 rgb(18,33,38) hsl(195,36%,11%)

Triad color palettes

HEX RGB HSL
#345A6A rgb(52,90,106) hsl(198,34%,31%)
#6A333F rgb(106,51,63) hsl(347,35%,31%)
#6A5E34 rgb(106,94,52) hsl(47,34%,31%)

Tetrad color palettes

HEX RGB HSL
#345A6A rgb(52,90,106) hsl(198,34%,31%)
#6A4534 rgb(106,69,52) hsl(19,34%,31%)
#346B5F rgb(52,107,95) hsl(167,35%,31%)
#6A5E34 rgb(106,94,52) hsl(47,34%,31%)