Gráficos Composición
RGB
CMYK
RYB
#02a5d1 Código de Color HexEl código de color hexadecimal #02a5d1 es una sombra de cian. En el modelo de color RGB #02a5d1 dicho color se compone de 0.78% de rojo, 64.71% de verde y 81.96% de azul. En el espacio de color HSL #02a5d1 tiene un tono de 192.75 grados, 98.1% de saturación y 41.37% de luminosidad. Este color tiene una longitud de onda aproximada de 499 nm.
#02a5d1 InformaciónInvertido
#fd5a2e 25% saturado
#00a6d3 Escala de grises
#696969
25% más ligero
#0bc9fc Original
#02a5d1 25% más oscuro
#017b9c
deepskyblue
#00bfff 25% desaturado
#1b96b7 Colores web: teal
#008080
rgb(2, 165, 209)
rgba(2, 165, 209, 1.0)
rojo: 0.7843%, amarillo: 36.5458%, azul: 81.9608%
#02a5d1
173521
-16603695 / 0xff02a5d1
hsl(193, 98%, 41%)
hsla(193, 98%, 41%, 1.0)
matiz: 193 (192.7536), saturación: 99 (99.0431), valor: 82 (81.9608)
X: 24.9888, Y: 31.5266, Z: 65.0898
x: 0.2055, y: 0.2593, Y: 31.5266
L: 62.9497, a: -19.9891, b: -32.3595
L: 62.9497, u: -43.8938, v: -48.2764
L: 62.9497, C: 38.0356, H: 238.2956
L: 56.1486, a: -18.819, b: -29.4275
cian: 99 (0.9904), magenta: 21 (0.2105), amarillo: 0 (0), key: 18 (0.1804)
cian: 99 (0.9922), magenta: 35 (0.3529), amarillo: 18 (0.1804)
Y: 121.279, I: -111.2373, Q: -20.7774
Y: 121.279, U: 43.1678, V: -104.6454
Y: 121.279, Db: 132.002, Dr: 226.827
Y: 120.156, Cb: 171.44, Cr: 53.319
Y: 133.449, Pb: 40.745, Pr: -83.524
5B 6/8 aproximado; exacta: Munsell 5B 6/8 / #18a1c9
#02a5d1 / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a5d1 a Blanco#02a5d1 a Negro#02a5d1 primer plano
<p style="color: #02a5d1">#02a5d1 primer plano</p>
#02a5d1 fondo
<p style="background-color: #02a5d1; color: #fff">#02a5d1 fondo</p>
#02a5d1 borde
<p style="border: #02a5d1 3px solid">#02a5d1 borde</p>
#02a5d1 gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a5d1, #fff); background: -webkit-radial-gradient(50% 50%, #02a5d1, #fff); background: -o-radial-gradient(50% 50%, #02a5d1, #fff); background: -ms-radial-gradient(50% 50%, #02a5d1, #fff); background: radial-gradient(50% 50%, #02a5d1, #fff); color: #fff">#02a5d1 gradiente radial</p>
#02a5d1 gradiente lineal hasta complementaria #d12e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a5d1, #d12e01); background: -webkit-linear-gradient(top, #02a5d1, #d12e01); background: -o-linear-gradient(top, #02a5d1, #d12e01); background: -ms-linear-gradient(top, #02a5d1, #d12e01); background: linear-gradient(top, #02a5d1, #d12e01); color: #fff">#02a5d1 gradiente lineal hasta complementaria #d12e01</p>
#02a5d1 sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a5d1">#02a5d1 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a5d1.
Ir a marca de pintura: