#02a2ae
Código de Color HexEl código de color hexadecimal #02a2ae
es una sombra oscura media de cian. En el modelo de color RGB #02a2ae
dicho color se compone de 0.78% de rojo, 63.53% de verde y 68.24% de azul. En el espacio de color HSL #02a2ae
tiene un tono de 184.19 grados, 97.73% de saturación y 34.51% de luminosidad. Este color tiene una longitud de onda aproximada de 504 nm.
#02a2ae
InformaciónInvertido
#fd5d51 25% saturado
#00a3b0 Escala de grises
#585858
25% más ligero
#02cad9 Original
#02a2ae 25% más oscuro
#017982
Cadet blue / cadetblue
#5f9ea0 25% desaturado
#178f98 Colores web: teal
#008080
rgb(2, 162, 174)
rgba(2, 162, 174, 1.0)
rojo: 0.7843%, amarillo: 33.2908%, azul: 68.2353%
#02a2ae
172718
-16604498 / 0xff02a2ae
hsl(184, 98%, 35%)
hsla(184, 98%, 35%, 1.0)
matiz: 184 (184.186), saturación: 99 (98.8506), valor: 68 (68.2353)
X: 20.5853, Y: 28.9096, Z: 44.5395
x: 0.2189, y: 0.3074, Y: 28.9096
L: 60.7017, a: -30.3423, b: -16.221
L: 60.7017, u: -45.5853, v: -20.3027
L: 60.7017, C: 34.406, H: 208.129
L: 53.7676, a: -25.7532, b: -11.4768
cian: 99 (0.9885), magenta: 7 (0.069), amarillo: 0 (0), key: 32 (0.3176)
cian: 99 (0.9922), magenta: 36 (0.3647), amarillo: 32 (0.3176)
Y: 115.528, I: -99.1697, Q: -30.0993
Y: 115.528, U: 28.7744, V: -99.6001
Y: 115.528, Db: 87.996, Dr: 215.884
Y: 115.214, Cb: 156.948, Cr: 56.908
Y: 128.784, Pb: 24.4, Pr: -80.552
7.5BG 6/8 (aproximado)
#02a2ae
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a2ae
a Blanco#02a2ae
a Negro#02a2ae
primer plano
<p style="color: #02a2ae">#02a2ae primer plano</p>
#02a2ae
fondo
<p style="background-color: #02a2ae; color: #fff">#02a2ae fondo</p>
#02a2ae
borde
<p style="border: #02a2ae 3px solid">#02a2ae borde</p>
#02a2ae
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a2ae, #fff); background: -webkit-radial-gradient(50% 50%, #02a2ae, #fff); background: -o-radial-gradient(50% 50%, #02a2ae, #fff); background: -ms-radial-gradient(50% 50%, #02a2ae, #fff); background: radial-gradient(50% 50%, #02a2ae, #fff); color: #fff">#02a2ae gradiente radial</p>
#02a2ae
gradiente lineal hasta complementaria #ae0e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a2ae, #ae0e01); background: -webkit-linear-gradient(top, #02a2ae, #ae0e01); background: -o-linear-gradient(top, #02a2ae, #ae0e01); background: -ms-linear-gradient(top, #02a2ae, #ae0e01); background: linear-gradient(top, #02a2ae, #ae0e01); color: #fff">
#02a2ae
gradiente lineal hasta complementaria #ae0e01
</p>
#02a2ae
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a2ae">#02a2ae sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a2ae
.
Ir a marca de pintura: