#00a897
Hex Color CodeThe hexadecimal color code #00a897
is a medium dark shade of cyan. In the RGB color model #00a897
is comprised of 0% red, 65.88% green and 59.22% blue. In the HSL color space #00a897
has a hue of 173.93 degrees, 100% saturation and 32.94% lightness. This color has an approximate wavelength of 510 nm.
#00a897
Color InformationInverted
#ff5768 25% Saturated
#00a796 Grayscale
#535353
25% Lighter
#00d2bc Original
#00a897 25% Darker
#007d71
lightseagreen
#20b2aa 25% Desaturated
#149386 Web Safe: teal
#008080
rgb(0, 168, 151)
rgba(0, 168, 151, 1.0)
red: 0%, yellow: 34.6967%, blue: 65.8824%
#00a897
43159
-16734057 / 0xff00a897
hsl(174, 100%, 33%)
hsla(174, 100%, 33%, 1.0)
hue: 174 (173.9286), saturation: 100 (100), value: 66 (65.8824)
X: 19.5885, Y: 30.2396, Z: 34.0826
x: 0.2334, y: 0.3604, Y: 30.2396
L: 61.8604, a: -40.2637, b: -1.554
L: 61.8604, u: -49.5971, v: 3.7197
L: 61.8604, C: 40.2937, H: 182.2103
L: 54.9906, a: -32.6489, b: 1.7461
cyan: 100 (1), magenta: 0 (0), yellow: 10 (0.1012), key: 34 (0.3412)
cyan: 100 (1), magenta: 34 (0.3412), yellow: 41 (0.4078)
Y: 115.83, I: -94.6188, Q: -40.8139
Y: 115.83, U: 17.3075, V: -101.6198
Y: 115.83, Db: 52.939, Dr: 220.255
Y: 115.47, Cb: 145.401, Cr: 55.455
Y: 130.992, Pb: 10.82, Pr: -83.218
2.5BG 6/8 approximate; exact match: Munsell 2.5BG 6/8 / #12a69a
#00a897
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00a897
to White#00a897
to Black#00a897
foreground
<p style="color: #00a897">#00a897 foreground</p>
#00a897
background
<p style="background-color: #00a897; color: #fff">#00a897 background</p>
#00a897
border
<p style="border: #00a897 3px solid">#00a897 border</p>
#00a897
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a897, #fff); background: -webkit-radial-gradient(50% 50%, #00a897, #fff); background: -o-radial-gradient(50% 50%, #00a897, #fff); background: -ms-radial-gradient(50% 50%, #00a897, #fff); background: radial-gradient(50% 50%, #00a897, #fff); color: #fff">#00a897 radial gradient</p>
#00a897
linear gradient to complementary #a70010
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a897, #a70010); background: -webkit-linear-gradient(top, #00a897, #a70010); background: -o-linear-gradient(top, #00a897, #a70010); background: -ms-linear-gradient(top, #00a897, #a70010); background: linear-gradient(top, #00a897, #a70010); color: #fff">
#00a897
linear gradient to complementary #a70010
</p>
#00a897
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a897">#00a897 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00a897
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 #00a897
.
Jump to paint brand: