Color Charts
RGB
CMYK
RYB
#448d63 Hex Color CodeThe hexadecimal color code #448d63 is a shade of green-cyan. In the RGB color model #448d63 is comprised of 26.67% red, 55.29% green and 38.82% blue. In the HSL color space #448d63 has a hue of 145.48 degrees, 34.93% saturation and 40.98% lightness. This color has an approximate wavelength of 528 nm.
#448d63 Color InformationInverted
#bb729c 25% Saturated
#3a9661 Grayscale
#686868
25% Lighter
#57ae7c Original
#448d63 25% Darker
#32694a
seagreen
#2e8b57 25% Desaturated
#4d8364 Web Safe: green
#008000
rgb(68, 141, 99)
rgba(68, 141, 99, 1.0)
red: 26.6667%, yellow: 46.7609%, blue: 55.2941%
#448d63
4492643
-12284573 / 0xff448d63
hsl(145, 35%, 41%)
hsla(145, 35%, 41%, 1.0)
hue: 145 (145.4795), saturation: 52 (51.773), value: 55 (55.2941)
X: 14.1609, Y: 21.1795, Z: 15.1461
x: 0.2805, y: 0.4195, Y: 21.1795
L: 53.1454, a: -32.9746, b: 15.5884
L: 53.1454, u: -32.961, v: 25.4831
L: 53.1454, C: 36.4736, H: 154.6981
L: 46.0212, a: -25.6121, b: 12.7019
cyan: 52 (0.5177), magenta: 0 (0), yellow: 30 (0.2979), key: 45 (0.4471)
cyan: 73 (0.7333), magenta: 45 (0.4471), yellow: 61 (0.6118)
Y: 114.385, I: -29.9942, Q: -28.504
Y: 114.385, U: -7.5701, V: -40.6946
Y: 114.385, Db: -23.136, Dr: 88.195
Y: 114.242, Cb: 120.366, Cr: 98.935
Y: 122.427, Pb: -12.605, Pr: -34.568
2.5G 5/6 approximate; exact match: Munsell 2.5G 5/6 / #4a8764
#448d63 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#448d63 to White#448d63 to Black#448d63 foreground
<p style="color: #448d63">#448d63 foreground</p>
#448d63 background
<p style="background-color: #448d63; color: #fff">#448d63 background</p>
#448d63 border
<p style="border: #448d63 3px solid">#448d63 border</p>
#448d63 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #448d63, #fff); background: -webkit-radial-gradient(50% 50%, #448d63, #fff); background: -o-radial-gradient(50% 50%, #448d63, #fff); background: -ms-radial-gradient(50% 50%, #448d63, #fff); background: radial-gradient(50% 50%, #448d63, #fff); color: #fff">#448d63 radial gradient</p>
#448d63 linear gradient to complementary #8d436d
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #448d63, #8d436d); background: -webkit-linear-gradient(top, #448d63, #8d436d); background: -o-linear-gradient(top, #448d63, #8d436d); background: -ms-linear-gradient(top, #448d63, #8d436d); background: linear-gradient(top, #448d63, #8d436d); color: #fff">#448d63 linear gradient to complementary #8d436d</p>
#448d63 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #448d63">#448d63 text shadow</p>
The matching paint colors are listed in order of relevancy to the #448d63 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 #448d63.
Jump to paint brand: