#00a2a7
Hex Color CodeThe hexadecimal color code #00a2a7
is a medium dark shade of cyan. In the RGB color model #00a2a7
is comprised of 0% red, 63.53% green and 65.49% blue. In the HSL color space #00a2a7
has a hue of 181.8 degrees, 100% saturation and 32.75% lightness. This color has an approximate wavelength of 506 nm.
#00a2a7
Color InformationInverted
#ff5d58 25% Saturated
#00a1a6 Grayscale
#535353
25% Lighter
#00cad0 Original
#00a2a7 25% Darker
#00797d
lightseagreen
#20b2aa 25% Desaturated
#148e92 Web Safe: teal
#008080
rgb(0, 162, 167)
rgba(0, 162, 167, 1.0)
red: 0%, yellow: 32.2475%, blue: 65.4902%
#00a2a7
41639
-16735577 / 0xff00a2a7
hsl(182, 100%, 33%)
hsla(182, 100%, 33%, 1.0)
hue: 182 (181.7964), saturation: 100 (100), value: 65 (65.4902)
X: 19.8954, Y: 28.6307, Z: 41.0369
x: 0.2221, y: 0.3197, Y: 28.6307
L: 60.4543, a: -32.6687, b: -12.6491
L: 60.4543, u: -46.2306, v: -14.3196
L: 60.4543, C: 35.032, H: 201.166
L: 53.5076, a: -27.2679, b: -8.0162
cyan: 100 (1), magenta: 3 (0.0299), yellow: 0 (0), key: 35 (0.3451)
cyan: 100 (1), magenta: 36 (0.3647), yellow: 35 (0.3451)
Y: 114.132, I: -98.1123, Q: -32.7002
Y: 114.132, U: 26.0167, V: -100.13
Y: 114.132, Db: 79.565, Dr: 217.031
Y: 114.014, Cb: 154.171, Cr: 56.527
Y: 127.854, Pb: 21.13, Pr: -81.23
7.5BG 6/8 (approximate)
#00a2a7
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00a2a7
to White#00a2a7
to Black#00a2a7
foreground
<p style="color: #00a2a7">#00a2a7 foreground</p>
#00a2a7
background
<p style="background-color: #00a2a7; color: #fff">#00a2a7 background</p>
#00a2a7
border
<p style="border: #00a2a7 3px solid">#00a2a7 border</p>
#00a2a7
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a2a7, #fff); background: -webkit-radial-gradient(50% 50%, #00a2a7, #fff); background: -o-radial-gradient(50% 50%, #00a2a7, #fff); background: -ms-radial-gradient(50% 50%, #00a2a7, #fff); background: radial-gradient(50% 50%, #00a2a7, #fff); color: #fff">#00a2a7 radial gradient</p>
#00a2a7
linear gradient to complementary #a60400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a2a7, #a60400); background: -webkit-linear-gradient(top, #00a2a7, #a60400); background: -o-linear-gradient(top, #00a2a7, #a60400); background: -ms-linear-gradient(top, #00a2a7, #a60400); background: linear-gradient(top, #00a2a7, #a60400); color: #fff">
#00a2a7
linear gradient to complementary #a60400
</p>
#00a2a7
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a2a7">#00a2a7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00a2a7
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 #00a2a7
.
Jump to paint brand: