#02aa96
Código de Color HexEl código de color hexadecimal #02aa96
es una sombra oscura media de cian. En el modelo de color RGB #02aa96
dicho color se compone de 0.78% de rojo, 66.67% de verde y 58.82% de azul. En el espacio de color HSL #02aa96
tiene un tono de 172.86 grados, 97.67% de saturación y 33.73% de luminosidad. Este color tiene una longitud de onda aproximada de 511 nm.
#02aa96
InformaciónInvertido
#fd5569 25% saturado
#00ab97 Escala de grises
#555555
25% más ligero
#02d4bb Original
#02aa96 25% más oscuro
#017f70
lightseagreen
#20b2aa 25% desaturado
#179485 Colores web: teal
#008080
rgb(2, 170, 150)
rgba(2, 170, 150, 1.0)
rojo: 0.7843%, amarillo: 35.8104%, azul: 66.6667%
#02aa96
174742
-16602474 / 0xff02aa96
hsl(173, 98%, 34%)
hsla(173, 98%, 34%, 1.0)
matiz: 173 (172.8571), saturación: 99 (98.8235), valor: 67 (66.6667)
X: 19.9048, Y: 30.9644, Z: 33.7818
x: 0.2351, y: 0.3658, Y: 30.9644
L: 62.4775, a: -41.3428, b: -0.0894
L: 62.4775, u: -50.2798, v: 6.0562
L: 62.4775, C: 41.3429, H: 180.1239
L: 55.6456, a: -33.5293, b: 2.9577
cian: 99 (0.9882), magenta: 0 (0), amarillo: 12 (0.1176), key: 33 (0.3333)
cian: 99 (0.9922), magenta: 33 (0.3333), amarillo: 41 (0.4118)
Y: 117.488, I: -93.655, Q: -41.7473
Y: 117.488, U: 15.9995, V: -101.3198
Y: 117.488, Db: 48.94, Dr: 219.604
Y: 116.894, Cb: 144.084, Cr: 55.668
Y: 132.776, Pb: 9.32, Pr: -83.08
10G 6/8 aproximado; exacta: Munsell 10G 6/8 / #26a691
#02aa96
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02aa96
a Blanco#02aa96
a Negro#02aa96
primer plano
<p style="color: #02aa96">#02aa96 primer plano</p>
#02aa96
fondo
<p style="background-color: #02aa96; color: #fff">#02aa96 fondo</p>
#02aa96
borde
<p style="border: #02aa96 3px solid">#02aa96 borde</p>
#02aa96
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aa96, #fff); background: -webkit-radial-gradient(50% 50%, #02aa96, #fff); background: -o-radial-gradient(50% 50%, #02aa96, #fff); background: -ms-radial-gradient(50% 50%, #02aa96, #fff); background: radial-gradient(50% 50%, #02aa96, #fff); color: #fff">#02aa96 gradiente radial</p>
#02aa96
gradiente lineal hasta complementaria #a90115
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aa96, #a90115); background: -webkit-linear-gradient(top, #02aa96, #a90115); background: -o-linear-gradient(top, #02aa96, #a90115); background: -ms-linear-gradient(top, #02aa96, #a90115); background: linear-gradient(top, #02aa96, #a90115); color: #fff">
#02aa96
gradiente lineal hasta complementaria #a90115
</p>
#02aa96
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02aa96">#02aa96 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02aa96
.
Ir a marca de pintura: