#00b894
Hex Color CodeThe hexadecimal color code #00b894
is a medium dark shade of green-cyan. In the RGB color model #00b894
is comprised of 0% red, 72.16% green and 58.04% blue. In the HSL color space #00b894
has a hue of 168.26 degrees, 100% saturation and 36.08% lightness. This color has an approximate wavelength of 514 nm.
#00b894
Color InformationInverted
#ff476b 25% Saturated
#00b894 Grayscale
#5c5c5c
25% Lighter
#00e5b9 Original
#00b894 25% Darker
#008a6f
mediumseagreen
#3cb371 25% Desaturated
#17a186 Web Safe: teal
#008080
rgb(0, 184, 148)
rgba(0, 184, 148, 1.0)
red: 0%, yellow: 39.9906%, blue: 72.1569%
#00b894
47252
-16729964 / 0xff00b894
hsl(168, 100%, 36%)
hsla(168, 100%, 36%, 1.0)
hue: 168 (168.2609), saturation: 100 (100), value: 72 (72.1569)
X: 22.4858, Y: 36.4191, Z: 33.8614
x: 0.2424, y: 0.3926, Y: 36.4191
L: 66.8389, a: -47.826, b: 7.3239
L: 66.8389, u: -55.3213, v: 17.9127
L: 66.8389, C: 48.3835, H: 171.2936
L: 60.3482, a: -39.1002, b: 8.9761
cyan: 100 (1), magenta: 0 (0), yellow: 20 (0.1957), key: 28 (0.2784)
cyan: 100 (1), magenta: 28 (0.2784), yellow: 42 (0.4196)
Y: 124.88, I: -98.0463, Q: -50.1088
Y: 124.88, U: 11.3778, V: -109.5596
Y: 124.88, Db: 34.812, Dr: 237.46
Y: 123.24, Cb: 139.428, Cr: 49.78
Y: 142.216, Pb: 3.16, Pr: -90.344
7.5G 7/10 approximate; exact match: Munsell 7.5G 7/10 / #19c59f
#00b894
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b894
to White#00b894
to Black#00b894
foreground
<p style="color: #00b894">#00b894 foreground</p>
#00b894
background
<p style="background-color: #00b894; color: #fff">#00b894 background</p>
#00b894
border
<p style="border: #00b894 3px solid">#00b894 border</p>
#00b894
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b894, #fff); background: -webkit-radial-gradient(50% 50%, #00b894, #fff); background: -o-radial-gradient(50% 50%, #00b894, #fff); background: -ms-radial-gradient(50% 50%, #00b894, #fff); background: radial-gradient(50% 50%, #00b894, #fff); color: #fff">#00b894 radial gradient</p>
#00b894
linear gradient to complementary #b80024
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b894, #b80024); background: -webkit-linear-gradient(top, #00b894, #b80024); background: -o-linear-gradient(top, #00b894, #b80024); background: -ms-linear-gradient(top, #00b894, #b80024); background: linear-gradient(top, #00b894, #b80024); color: #fff">
#00b894
linear gradient to complementary #b80024
</p>
#00b894
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00b894">#00b894 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b894
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 #00b894
.
Jump to paint brand: