Color Charts
RGB
CMYK
RYB
#305b42 Hex Color CodeThe hexadecimal color code #305b42 is a medium dark shade of green-cyan. In the RGB color model #305b42 is comprised of 18.82% red, 35.69% green and 25.88% blue. In the HSL color space #305b42 has a hue of 145.12 degrees, 30.94% saturation and 27.25% lightness. This color has an approximate wavelength of 529 nm.
#305b42 Color InformationInverted
#cfa4bd 25% Saturated
#2a6041 Grayscale
#454545
25% Lighter
#3c7152 Original
#305b42 25% Darker
#244431
darkgreen
#006400 25% Desaturated
#355542 Web Safe: green
#008000
rgb(48, 91, 66)
rgba(48, 91, 66, 1.0)
red: 18.8235%, yellow: 30.7104%, blue: 35.6863%
#305b42
3169090
-13608126 / 0xff305b42
hsl(145, 31%, 27%)
hsla(145, 31%, 27%, 1.0)
hue: 145 (145.1163), saturation: 47 (47.2527), value: 36 (35.6863)
X: 5.9434, Y: 8.5039, Z: 6.4824
x: 0.284, y: 0.4063, Y: 8.5039
L: 35.011, a: -21.4172, b: 9.8552
L: 35.011, u: -19.3007, v: 14.5916
L: 35.011, C: 23.5759, H: 155.2904
L: 29.1614, a: -14.6525, b: 7.2332
cyan: 47 (0.4725), magenta: 0 (0), yellow: 27 (0.2747), key: 64 (0.6431)
cyan: 81 (0.8118), magenta: 64 (0.6431), yellow: 74 (0.7412)
Y: 75.293, I: -17.5842, Q: -16.871
Y: 75.293, U: -4.5725, V: -23.9447
Y: 75.293, Db: -13.975, Dr: 51.894
Y: 80.668, Cb: 123.389, Cr: 110.898
Y: 80.041, Pb: -7.555, Pr: -20.35
2.5G 3/4 approximate; exact match: Munsell 2.5G 3/4 / #2c4f3d
#305b42 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#305b42 to White#305b42 to Black#305b42 foreground
<p style="color: #305b42">#305b42 foreground</p>
#305b42 background
<p style="background-color: #305b42; color: #fff">#305b42 background</p>
#305b42 border
<p style="border: #305b42 3px solid">#305b42 border</p>
#305b42 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #305b42, #fff); background: -webkit-radial-gradient(50% 50%, #305b42, #fff); background: -o-radial-gradient(50% 50%, #305b42, #fff); background: -ms-radial-gradient(50% 50%, #305b42, #fff); background: radial-gradient(50% 50%, #305b42, #fff); color: #fff">#305b42 radial gradient</p>
#305b42 linear gradient to complementary #5b3048
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #305b42, #5b3048); background: -webkit-linear-gradient(top, #305b42, #5b3048); background: -o-linear-gradient(top, #305b42, #5b3048); background: -ms-linear-gradient(top, #305b42, #5b3048); background: linear-gradient(top, #305b42, #5b3048); color: #fff">#305b42 linear gradient to complementary #5b3048</p>
#305b42 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #305b42">#305b42 text shadow</p>
The matching paint colors are listed in order of relevancy to the #305b42 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 #305b42.
Jump to paint brand: