#00b556
Hex Color CodeThe hexadecimal color code #00b556
is a medium dark shade of green-cyan. In the RGB color model #00b556
is comprised of 0% red, 70.98% green and 33.73% blue. In the HSL color space #00b556
has a hue of 148.51 degrees, 100% saturation and 35.49% lightness. This color has an approximate wavelength of 526 nm.
#00b556
Color InformationInverted
#ff4aa9 25% Saturated
#00b555 Grayscale
#5a5a5a
25% Lighter
#00e26b Original
#00b556 25% Darker
#008740
mediumseagreen
#3cb371 25% Desaturated
#169e57 Web Safe: green
#008000
rgb(0, 181, 86)
rgba(0, 181, 86, 1.0)
red: 0%, yellow: 48.1178%, blue: 70.9804%
#00b556
46422
-16730794 / 0xff00b556
hsl(149, 100%, 35%)
hsla(149, 100%, 35%, 1.0)
hue: 149 (148.5083), saturation: 100 (100), value: 71 (70.9804)
X: 18.2036, Y: 33.7196, Z: 14.3532
x: 0.2747, y: 0.5088, Y: 33.7196
L: 64.7394, a: -59.8044, b: 37.4187
L: 64.7394, u: -58.4353, v: 56.2546
L: 64.7394, C: 70.5459, H: 147.9664
L: 58.0686, a: -45.6631, b: 25.9929
cyan: 100 (1), magenta: 0 (0), yellow: 52 (0.5249), key: 29 (0.2902)
cyan: 100 (1), magenta: 29 (0.2902), yellow: 66 (0.6627)
Y: 116.051, I: -77.3046, Q: -67.8314
Y: 116.051, U: -14.7877, V: -101.814
Y: 116.051, Db: -45.185, Dr: 220.658
Y: 115.652, Cb: 113.083, Cr: 55.286
Y: 135.607, Pb: -26.685, Pr: -86.13
2.5G 6/12 (approximate)
#00b556
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b556
to White#00b556
to Black#00b556
foreground
<p style="color: #00b556">#00b556 foreground</p>
#00b556
background
<p style="background-color: #00b556; color: #fff">#00b556 background</p>
#00b556
border
<p style="border: #00b556 3px solid">#00b556 border</p>
#00b556
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b556, #fff); background: -webkit-radial-gradient(50% 50%, #00b556, #fff); background: -o-radial-gradient(50% 50%, #00b556, #fff); background: -ms-radial-gradient(50% 50%, #00b556, #fff); background: radial-gradient(50% 50%, #00b556, #fff); color: #fff">#00b556 radial gradient</p>
#00b556
linear gradient to complementary #b5005f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b556, #b5005f); background: -webkit-linear-gradient(top, #00b556, #b5005f); background: -o-linear-gradient(top, #00b556, #b5005f); background: -ms-linear-gradient(top, #00b556, #b5005f); background: linear-gradient(top, #00b556, #b5005f); color: #fff">
#00b556
linear gradient to complementary #b5005f
</p>
#00b556
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00b556">#00b556 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b556
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 #00b556
.
Jump to paint brand: