#02a5cd
Código de Color HexEl código de color hexadecimal #02a5cd
es una sombra de cian. En el modelo de color RGB #02a5cd
dicho color se compone de 0.78% de rojo, 64.71% de verde y 80.39% de azul. En el espacio de color HSL #02a5cd
tiene un tono de 191.82 grados, 98.07% de saturación y 40.59% de luminosidad. Este color tiene una longitud de onda aproximada de 499 nm.
#02a5cd
InformaciónInvertido
#fd5a32 25% saturado
#00a6cf Escala de grises
#676767
25% más ligero
#06ccfc Original
#02a5cd 25% más oscuro
#017b99
deepskyblue
#00bfff 25% desaturado
#1b95b3 Colores web: teal
#008080
rgb(2, 165, 205)
rgba(2, 165, 205, 1.0)
rojo: 0.7843%, amarillo: 36.2381%, azul: 80.3922%
#02a5cd
173517
-16603699 / 0xff02a5cd
hsl(192, 98%, 41%)
hsla(192, 98%, 41%, 1.0)
matiz: 192 (191.8227), saturación: 99 (99.0244), valor: 80 (80.3922)
X: 24.4996, Y: 31.331, Z: 62.5138
x: 0.207, y: 0.2647, Y: 31.331
L: 62.786, a: -21.3875, b: -30.3892
L: 62.786, u: -44.1968, v: -44.7951
L: 62.786, C: 37.1609, H: 234.8626
L: 55.9741, a: -19.8259, b: -27.0353
cian: 99 (0.9902), magenta: 20 (0.1951), amarillo: 0 (0), key: 20 (0.1961)
cian: 99 (0.9922), magenta: 35 (0.3529), amarillo: 20 (0.1961)
Y: 120.823, I: -109.9522, Q: -22.0219
Y: 120.823, U: 41.4238, V: -104.2454
Y: 120.823, Db: 126.67, Dr: 225.959
Y: 119.764, Cb: 169.684, Cr: 53.603
Y: 133.161, Pb: 38.745, Pr: -83.34
5B 6/8 aproximado; exacta: Munsell 5B 6/8 / #18a1c9
#02a5cd
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a5cd
a Blanco#02a5cd
a Negro#02a5cd
primer plano
<p style="color: #02a5cd">#02a5cd primer plano</p>
#02a5cd
fondo
<p style="background-color: #02a5cd; color: #fff">#02a5cd fondo</p>
#02a5cd
borde
<p style="border: #02a5cd 3px solid">#02a5cd borde</p>
#02a5cd
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a5cd, #fff); background: -webkit-radial-gradient(50% 50%, #02a5cd, #fff); background: -o-radial-gradient(50% 50%, #02a5cd, #fff); background: -ms-radial-gradient(50% 50%, #02a5cd, #fff); background: radial-gradient(50% 50%, #02a5cd, #fff); color: #fff">#02a5cd gradiente radial</p>
#02a5cd
gradiente lineal hasta complementaria #cc2a02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a5cd, #cc2a02); background: -webkit-linear-gradient(top, #02a5cd, #cc2a02); background: -o-linear-gradient(top, #02a5cd, #cc2a02); background: -ms-linear-gradient(top, #02a5cd, #cc2a02); background: linear-gradient(top, #02a5cd, #cc2a02); color: #fff">
#02a5cd
gradiente lineal hasta complementaria #cc2a02
</p>
#02a5cd
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a5cd">#02a5cd sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a5cd
.
Ir a marca de pintura: