HEX #345966 color — Casal
The color #345966 is a dark shade and slightly desaturated.
Palette
345966 color palette from light to dark
HEX |
RGB |
HSL |
#eef4f6 |
rgb(238,244,246) |
hsl(196,32%,95%) |
#dde9ee |
rgb(221,233,238) |
hsl(196,32%,90%) |
#cddee5 |
rgb(205,222,229) |
hsl(196,32%,85%) |
#bcd4dc |
rgb(188,212,220) |
hsl(196,32%,80%) |
#abc9d4 |
rgb(171,201,212) |
hsl(196,32%,75%) |
#9abecb |
rgb(154,190,203) |
hsl(196,32%,70%) |
#89b3c2 |
rgb(137,179,194) |
hsl(196,32%,65%) |
#78a8ba |
rgb(120,168,186) |
hsl(196,32%,60%) |
#689db1 |
rgb(104,157,177) |
hsl(196,32%,55%) |
#5793a8 |
rgb(87,147,168) |
hsl(196,32%,50%) |
#4e8497 |
rgb(78,132,151) |
hsl(196,32%,45%) |
#457587 |
rgb(69,117,135) |
hsl(196,32%,40%) |
#3d6776 |
rgb(61,103,118) |
hsl(196,32%,35%) |
#345865 |
rgb(52,88,101) |
hsl(196,32%,30%) |
#2b4954 |
rgb(43,73,84) |
hsl(196,32%,25%) |
#233b43 |
rgb(35,59,67) |
hsl(196,32%,20%) |
#1a2c32 |
rgb(26,44,50) |
hsl(196,32%,15%) |
#111d22 |
rgb(17,29,34) |
hsl(196,32%,10%) |
#090f11 |
rgb(9,15,17) |
hsl(196,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#346651 |
rgb(52,102,81) |
hsl(155,32%,30%) |
#345966 |
rgb(52,89,102) |
hsl(196,32%,30%) |
#343866 |
rgb(52,56,102) |
hsl(235,32%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C6676 |
rgb(60,102,118) |
hsl(197,33%,35%) |
#345966 |
rgb(52,89,102) |
hsl(196,32%,30%) |
#2B4A55 |
rgb(43,74,85) |
hsl(196,33%,25%) |
#233D45 |
rgb(35,61,69) |
hsl(194,33%,20%) |
#1B2E35 |
rgb(27,46,53) |
hsl(196,33%,16%) |
#122124 |
rgb(18,33,36) |
hsl(190,33%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#345966 |
rgb(52,89,102) |
hsl(196,32%,30%) |
#663340 |
rgb(102,51,64) |
hsl(345,33%,30%) |
#665934 |
rgb(102,89,52) |
hsl(44,32%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345966 |
rgb(52,89,102) |
hsl(196,32%,30%) |
#664034 |
rgb(102,64,52) |
hsl(14,32%,30%) |
#34665A |
rgb(52,102,90) |
hsl(166,32%,30%) |
#665934 |
rgb(102,89,52) |
hsl(44,32%,30%) |