#3a7355
Hex Color CodeThe hexadecimal color code #3a7355
is a medium dark shade of green-cyan. In the RGB color model #3a7355
is comprised of 22.75% red, 45.1% green and 33.33% blue. In the HSL color space #3a7355
has a hue of 148.42 degrees, 32.95% saturation and 33.92% lightness. This color has an approximate wavelength of 527 nm.
#3a7355
Color InformationInverted
#c58caa 25% Saturated
#327a54 Grayscale
#565656
25% Lighter
#488f6a Original
#3a7355 25% Darker
#2b563f
seagreen
#2e8b57 25% Desaturated
#416b55 Web Safe: green
#008000
rgb(58, 115, 85)
rgba(58, 115, 85, 1.0)
red: 22.7451%, yellow: 37.9132%, blue: 45.098%
#3a7355
3830613
-12946603 / 0xff3a7355
hsl(148, 33%, 34%)
hsla(148, 33%, 34%, 1.0)
hue: 148 (148.4211), saturation: 50 (49.5652), value: 45 (45.098)
X: 9.5153, Y: 13.8169, Z: 10.7597
x: 0.2791, y: 0.4053, Y: 13.8169
L: 43.9692, a: -26.3217, b: 10.9301
L: 43.9692, u: -25.7289, v: 17.7043
L: 43.9692, C: 28.5009, H: 157.4492
L: 37.1711, a: -19.3555, b: 8.8573
cyan: 50 (0.4957), magenta: 0 (0), yellow: 26 (0.2609), key: 55 (0.549)
cyan: 77 (0.7725), magenta: 55 (0.549), yellow: 67 (0.6667)
Y: 94.537, I: -24.3179, Q: -21.387
Y: 94.537, U: -4.6924, V: -32.0547
Y: 94.537, Db: -14.34, Dr: 69.471
Y: 97.196, Cb: 123.266, Cr: 105.107
Y: 100.699, Pb: -8.445, Pr: -27.12
2.5G 4/6 approximate; exact match: Munsell 2.5G 4/6 / #2b6d4b
#3a7355
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3a7355
to White#3a7355
to Black#3a7355
foreground
<p style="color: #3a7355">#3a7355 foreground</p>
#3a7355
background
<p style="background-color: #3a7355; color: #fff">#3a7355 background</p>
#3a7355
border
<p style="border: #3a7355 3px solid">#3a7355 border</p>
#3a7355
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a7355, #fff); background: -webkit-radial-gradient(50% 50%, #3a7355, #fff); background: -o-radial-gradient(50% 50%, #3a7355, #fff); background: -ms-radial-gradient(50% 50%, #3a7355, #fff); background: radial-gradient(50% 50%, #3a7355, #fff); color: #fff">#3a7355 radial gradient</p>
#3a7355
linear gradient to complementary #733a57
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a7355, #733a57); background: -webkit-linear-gradient(top, #3a7355, #733a57); background: -o-linear-gradient(top, #3a7355, #733a57); background: -ms-linear-gradient(top, #3a7355, #733a57); background: linear-gradient(top, #3a7355, #733a57); color: #fff">
#3a7355
linear gradient to complementary #733a57
</p>
#3a7355
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a7355">#3a7355 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3a7355
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #3a7355
.
Jump to paint brand: