#00a278
Hex Color CodeThe hexadecimal color code #00a278
is a medium dark shade of green-cyan. In the RGB color model #00a278
is comprised of 0% red, 63.53% green and 47.06% blue. In the HSL color space #00a278
has a hue of 164.44 degrees, 100% saturation and 31.76% lightness. This color has an approximate wavelength of 516 nm.
#00a278
Color InformationInverted
#ff5d87 25% Saturated
#00a278 Grayscale
#515151
25% Lighter
#00ca96 Original
#00a278 25% Darker
#00795a
mediumseagreen
#3cb371 25% Desaturated
#148d6e Web Safe: teal
#008080
rgb(0, 162, 120)
rgba(0, 162, 120, 1.0)
red: 0%, yellow: 36.4956%, blue: 63.5294%
#00a278
41592
-16735624 / 0xff00a278
hsl(164, 100%, 32%)
hsla(164, 100%, 32%, 1.0)
hue: 164 (164.4444), saturation: 100 (100), value: 64 (63.5294)
X: 16.3105, Y: 27.1967, Z: 22.1591
x: 0.2484, y: 0.4142, Y: 27.1967
L: 59.156, a: -46.0966, b: 11.9377
L: 59.156, u: -49.9048, v: 23.4118
L: 59.156, C: 47.6172, H: 165.481
L: 52.1505, a: -35.436, b: 11.3126
cyan: 100 (1), magenta: 0 (0), yellow: 26 (0.2593), key: 36 (0.3647)
cyan: 100 (1), magenta: 36 (0.3647), yellow: 53 (0.5294)
Y: 108.774, I: -83.0129, Q: -47.3235
Y: 108.774, U: 5.5247, V: -95.4296
Y: 108.774, Db: 16.914, Dr: 206.832
Y: 109.408, Cb: 133.538, Cr: 59.864
Y: 124.47, Pb: -2.37, Pr: -79.068
5G 6/10 (approximate)
#00a278
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00a278
to White#00a278
to Black#00a278
foreground
<p style="color: #00a278">#00a278 foreground</p>
#00a278
background
<p style="background-color: #00a278; color: #fff">#00a278 background</p>
#00a278
border
<p style="border: #00a278 3px solid">#00a278 border</p>
#00a278
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a278, #fff); background: -webkit-radial-gradient(50% 50%, #00a278, #fff); background: -o-radial-gradient(50% 50%, #00a278, #fff); background: -ms-radial-gradient(50% 50%, #00a278, #fff); background: radial-gradient(50% 50%, #00a278, #fff); color: #fff">#00a278 radial gradient</p>
#00a278
linear gradient to complementary #a20029
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a278, #a20029); background: -webkit-linear-gradient(top, #00a278, #a20029); background: -o-linear-gradient(top, #00a278, #a20029); background: -ms-linear-gradient(top, #00a278, #a20029); background: linear-gradient(top, #00a278, #a20029); color: #fff">
#00a278
linear gradient to complementary #a20029
</p>
#00a278
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a278">#00a278 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00a278
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 #00a278
.
Jump to paint brand: