#00b48f
Hex Color CodeThe hexadecimal color code #00b48f
is a medium dark shade of green-cyan. In the RGB color model #00b48f
is comprised of 0% red, 70.59% green and 56.08% blue. In the HSL color space #00b48f
has a hue of 167.67 degrees, 100% saturation and 35.29% lightness. This color has an approximate wavelength of 514 nm.
#00b48f
Color InformationInverted
#ff4b70 25% Saturated
#00b48f Grayscale
#5a5a5a
25% Lighter
#00e1b2 Original
#00b48f 25% Darker
#00876b
mediumseagreen
#3cb371 25% Desaturated
#169d81 Web Safe: teal
#008080
rgb(0, 180, 143)
rgba(0, 180, 143, 1.0)
red: 0%, yellow: 39.3371%, blue: 70.5882%
#00b48f
46223
-16730993 / 0xff00b48f
hsl(168, 100%, 35%)
hsla(168, 100%, 35%, 1.0)
hue: 168 (167.6667), saturation: 100 (100), value: 71 (70.5882)
X: 21.2792, Y: 34.6257, Z: 31.5485
x: 0.2433, y: 0.3959, Y: 34.6257
L: 65.4562, a: -47.4993, b: 8.0981
L: 65.4562, u: -54.3431, v: 18.8754
L: 65.4562, C: 48.1847, H: 170.3247
L: 58.8436, a: -38.4266, b: 9.4027
cyan: 100 (1), magenta: 0 (0), yellow: 21 (0.2056), key: 29 (0.2941)
cyan: 100 (1), magenta: 29 (0.2941), yellow: 44 (0.4392)
Y: 121.962, I: -95.3421, Q: -49.5741
Y: 121.962, U: 10.3532, V: -106.9996
Y: 121.962, Db: 31.679, Dr: 231.911
Y: 120.734, Cb: 138.397, Cr: 51.607
Y: 138.996, Pb: 2.2, Pr: -88.298
7.5G 6/10 (approximate)
#00b48f
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b48f
to White#00b48f
to Black#00b48f
foreground
<p style="color: #00b48f">#00b48f foreground</p>
#00b48f
background
<p style="background-color: #00b48f; color: #fff">#00b48f background</p>
#00b48f
border
<p style="border: #00b48f 3px solid">#00b48f border</p>
#00b48f
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b48f, #fff); background: -webkit-radial-gradient(50% 50%, #00b48f, #fff); background: -o-radial-gradient(50% 50%, #00b48f, #fff); background: -ms-radial-gradient(50% 50%, #00b48f, #fff); background: radial-gradient(50% 50%, #00b48f, #fff); color: #fff">#00b48f radial gradient</p>
#00b48f
linear gradient to complementary #b40025
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b48f, #b40025); background: -webkit-linear-gradient(top, #00b48f, #b40025); background: -o-linear-gradient(top, #00b48f, #b40025); background: -ms-linear-gradient(top, #00b48f, #b40025); background: linear-gradient(top, #00b48f, #b40025); color: #fff">
#00b48f
linear gradient to complementary #b40025
</p>
#00b48f
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00b48f">#00b48f text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b48f
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 #00b48f
.
Jump to paint brand: