#00ba73
Hex Color CodeThe hexadecimal color code #00ba73
is a medium dark shade of green-cyan. In the RGB color model #00ba73
is comprised of 0% red, 72.94% green and 45.1% blue. In the HSL color space #00ba73
has a hue of 157.1 degrees, 100% saturation and 36.47% lightness. This color has an approximate wavelength of 521 nm.
#00ba73
Color InformationInverted
#ff458c 25% Saturated
#00ba72 Grayscale
#5d5d5d
25% Lighter
#00e88f Original
#00ba73 25% Darker
#008b56
mediumseagreen
#3cb371 25% Desaturated
#17a26d Web Safe: green
#008000
rgb(0, 186, 115)
rgba(0, 186, 115, 1.0)
red: 0%, yellow: 45.0733%, blue: 72.9412%
#00ba73
47731
-16729485 / 0xff00ba73
hsl(157, 100%, 36%)
hsla(157, 100%, 36%, 1.0)
hue: 157 (157.0968), saturation: 100 (100), value: 73 (72.9412)
X: 20.6534, Y: 36.3556, Z: 22.1484
x: 0.2609, y: 0.4593, Y: 36.3556
L: 66.7908, a: -56.2575, b: 25.12
L: 66.7908, u: -58.3584, v: 42.5732
L: 66.7908, C: 61.611, H: 155.9384
L: 60.2956, a: -44.3747, b: 20.4279
cyan: 100 (1), magenta: 0 (0), yellow: 38 (0.3817), key: 27 (0.2706)
cyan: 100 (1), magenta: 27 (0.2706), yellow: 55 (0.549)
Y: 122.292, I: -87.9935, Q: -61.4214
Y: 122.292, U: -3.588, V: -107.2893
Y: 122.292, Db: -10.943, Dr: 232.531
Y: 121.014, Cb: 124.359, Cr: 51.387
Y: 141.27, Pb: -14.11, Pr: -89.734
2.5G 6/12 (approximate)
#00ba73
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00ba73
to White#00ba73
to Black#00ba73
foreground
<p style="color: #00ba73">#00ba73 foreground</p>
#00ba73
background
<p style="background-color: #00ba73; color: #fff">#00ba73 background</p>
#00ba73
border
<p style="border: #00ba73 3px solid">#00ba73 border</p>
#00ba73
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00ba73, #fff); background: -webkit-radial-gradient(50% 50%, #00ba73, #fff); background: -o-radial-gradient(50% 50%, #00ba73, #fff); background: -ms-radial-gradient(50% 50%, #00ba73, #fff); background: radial-gradient(50% 50%, #00ba73, #fff); color: #fff">#00ba73 radial gradient</p>
#00ba73
linear gradient to complementary #ba0046
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00ba73, #ba0046); background: -webkit-linear-gradient(top, #00ba73, #ba0046); background: -o-linear-gradient(top, #00ba73, #ba0046); background: -ms-linear-gradient(top, #00ba73, #ba0046); background: linear-gradient(top, #00ba73, #ba0046); color: #fff">
#00ba73
linear gradient to complementary #ba0046
</p>
#00ba73
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00ba73">#00ba73 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00ba73
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 #00ba73
.
Jump to paint brand: