#485f3f
Hex Color CodeThe hexadecimal color code #485f3f
is a medium dark shade of green. In the RGB color model #485f3f
is comprised of 28.24% red, 37.25% green and 24.71% blue. In the HSL color space #485f3f
has a hue of 103.13 degrees, 20.25% saturation and 30.98% lightness. This color has an approximate wavelength of 555 nm.
#485f3f
Color InformationInverted
#b7a0c0 25% Saturated
#46633b Grayscale
#4f4f4f
25% Lighter
#5a764e Original
#485f3f 25% Darker
#36472f
darkolivegreen
#556b2f 25% Desaturated
#495b43 Web Safe: green
#008000
rgb(72, 95, 63)
rgba(72, 95, 63, 1.0)
red: 24.7059%, yellow: 37.2549%, blue: 33.7255%
#485f3f
4742975
-12034241 / 0xff485f3f
hsl(103, 20%, 31%)
hsla(103, 20%, 31%, 1.0)
hue: 103 (103.125), saturation: 34 (33.6842), value: 37 (37.2549)
X: 7.6619, Y: 9.921, Z: 6.2137
x: 0.322, y: 0.4169, Y: 9.921
L: 37.7003, a: -15.4756, b: 15.586
L: 37.7003, u: -11.1886, v: 20.3601
L: 37.7003, C: 21.9641, H: 134.7963
L: 31.4976, a: -11.7002, b: 10.3518
cyan: 24 (0.2421), magenta: 0 (0), yellow: 34 (0.3368), key: 63 (0.6275)
cyan: 72 (0.7176), magenta: 63 (0.6275), yellow: 75 (0.7529)
Y: 84.475, I: -3.4211, Q: -14.8198
Y: 84.475, U: -10.5671, V: -10.9447
Y: 84.475, Db: -32.306, Dr: 23.715
Y: 88.558, Cb: 117.356, Cr: 120.175
Y: 87.797, Pb: -13.355, Pr: -10.028
7.5GY 4/4 approximate; exact match: Munsell 7.5GY 4/4 / #526744
#485f3f
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#485f3f
to White#485f3f
to Black#485f3f
foreground
<p style="color: #485f3f">#485f3f foreground</p>
#485f3f
background
<p style="background-color: #485f3f; color: #fff">#485f3f background</p>
#485f3f
border
<p style="border: #485f3f 3px solid">#485f3f border</p>
#485f3f
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #485f3f, #fff); background: -webkit-radial-gradient(50% 50%, #485f3f, #fff); background: -o-radial-gradient(50% 50%, #485f3f, #fff); background: -ms-radial-gradient(50% 50%, #485f3f, #fff); background: radial-gradient(50% 50%, #485f3f, #fff); color: #fff">#485f3f radial gradient</p>
#485f3f
linear gradient to complementary #563f5f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #485f3f, #563f5f); background: -webkit-linear-gradient(top, #485f3f, #563f5f); background: -o-linear-gradient(top, #485f3f, #563f5f); background: -ms-linear-gradient(top, #485f3f, #563f5f); background: linear-gradient(top, #485f3f, #563f5f); color: #fff">
#485f3f
linear gradient to complementary #563f5f
</p>
#485f3f
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #485f3f">#485f3f text shadow</p>
The matching paint colors are listed in order of relevancy to the #485f3f
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 #485f3f
.
Jump to paint brand: