#02a5ce
Código de Color HexEl código de color hexadecimal #02a5ce
es una sombra de cian. En el modelo de color RGB #02a5ce
dicho color se compone de 0.78% de rojo, 64.71% de verde y 80.78% de azul. En el espacio de color HSL #02a5ce
tiene un tono de 192.06 grados, 98.08% de saturación y 40.78% de luminosidad. Este color tiene una longitud de onda aproximada de 499 nm.
#02a5ce
InformaciónInvertido
#fd5a31 25% saturado
#00a6d0 Escala de grises
#686868
25% más ligero
#07cbfc Original
#02a5ce 25% más oscuro
#017b9a
deepskyblue
#00bfff 25% desaturado
#1b95b4 Colores web: teal
#008080
rgb(2, 165, 206)
rgba(2, 165, 206, 1.0)
rojo: 0.7843%, amarillo: 36.3156%, azul: 80.7843%
#02a5ce
173518
-16603698 / 0xff02a5ce
hsl(192, 98%, 41%)
hsla(192, 98%, 41%, 1.0)
matiz: 192 (192.0588), saturación: 99 (99.0291), valor: 81 (80.7843)
X: 24.6207, Y: 31.3794, Z: 63.1517
x: 0.2066, y: 0.2634, Y: 31.3794
L: 62.8266, a: -21.0389, b: -30.8827
L: 62.8266, u: -44.1207, v: -45.6658
L: 62.8266, C: 37.3681, H: 235.7352
L: 56.0173, a: -19.576, b: -27.6291
cian: 99 (0.9903), magenta: 20 (0.199), amarillo: 0 (0), key: 19 (0.1922)
cian: 99 (0.9922), magenta: 35 (0.3529), amarillo: 19 (0.1922)
Y: 120.937, I: -110.2735, Q: -21.7108
Y: 120.937, U: 41.8598, V: -104.3454
Y: 120.937, Db: 128.003, Dr: 226.176
Y: 119.862, Cb: 170.123, Cr: 53.532
Y: 133.233, Pb: 39.245, Pr: -83.386
5B 6/8 aproximado; exacta: Munsell 5B 6/8 / #18a1c9
#02a5ce
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a5ce
a Blanco#02a5ce
a Negro#02a5ce
primer plano
<p style="color: #02a5ce">#02a5ce primer plano</p>
#02a5ce
fondo
<p style="background-color: #02a5ce; color: #fff">#02a5ce fondo</p>
#02a5ce
borde
<p style="border: #02a5ce 3px solid">#02a5ce borde</p>
#02a5ce
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a5ce, #fff); background: -webkit-radial-gradient(50% 50%, #02a5ce, #fff); background: -o-radial-gradient(50% 50%, #02a5ce, #fff); background: -ms-radial-gradient(50% 50%, #02a5ce, #fff); background: radial-gradient(50% 50%, #02a5ce, #fff); color: #fff">#02a5ce gradiente radial</p>
#02a5ce
gradiente lineal hasta complementaria #ce2b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a5ce, #ce2b01); background: -webkit-linear-gradient(top, #02a5ce, #ce2b01); background: -o-linear-gradient(top, #02a5ce, #ce2b01); background: -ms-linear-gradient(top, #02a5ce, #ce2b01); background: linear-gradient(top, #02a5ce, #ce2b01); color: #fff">
#02a5ce
gradiente lineal hasta complementaria #ce2b01
</p>
#02a5ce
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a5ce">#02a5ce sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a5ce
.
Ir a marca de pintura: