Gráficos Composición
RGB
CMYK
RYB
#02a1fd Código de Color HexEl código de color hexadecimal #02a1fd es una sombra de cian-azul. En el modelo de color RGB #02a1fd dicho color se compone de 0.78% de rojo, 63.14% de verde y 99.22% de azul. En el espacio de color HSL #02a1fd tiene un tono de 201.99 grados, 98.43% de saturación y 50% de luminosidad. Este color tiene una longitud de onda aproximada de 493 nm.
#02a1fd InformaciónInvertido
#fd5e02 25% saturado
#00a1ff Escala de grises
#7f7f7f
25% más ligero
#41b8fd Original
#02a1fd 25% más oscuro
#0178bd
cornflowerblue
#6495ed 25% desaturado
#2198dd Colores web: fuchsia
#ff00ff
rgb(2, 161, 253)
rgba(2, 161, 253, 1.0)
rojo: 0.7843%, amarillo: 38.9565%, azul: 99.2157%
#02a1fd
172541
-16604675 / 0xff02a1fd
hsl(202, 98%, 50%)
hsla(202, 98%, 50%, 1.0)
matiz: 202 (201.992), saturación: 99 (99.2095), valor: 99 (99.2157)
X: 30.4995, Y: 32.5945, Z: 97.6124
x: 0.1898, y: 0.2028, Y: 32.5945
L: 63.8312, a: -1.7885, b: -55.2064
L: 63.8312, u: -39.5343, v: -88.9388
L: 63.8312, C: 55.2354, H: 268.1445
L: 57.0916, a: -4.5518, b: -61.407
cian: 99 (0.9921), magenta: 36 (0.3636), amarillo: 0 (0), key: 1 (0.0078)
cian: 99 (0.9922), magenta: 37 (0.3686), amarillo: 1 (0.0078)
Y: 123.947, I: -124.275, Q: -4.9971
Y: 123.947, U: 63.5073, V: -106.9859
Y: 123.947, Db: 194.186, Dr: 231.911
Y: 122.452, Cb: 191.92, Cr: 51.667
Y: 133.757, Pb: 64.285, Pr: -83.732
2.5PB 6/12 aproximado; exacta: Munsell 2.5PB 6/12 / #149af3
#02a1fd / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a1fd a Blanco#02a1fd a Negro#02a1fd primer plano
<p style="color: #02a1fd">#02a1fd primer plano</p>
#02a1fd fondo
<p style="background-color: #02a1fd; color: #fff">#02a1fd fondo</p>
#02a1fd borde
<p style="border: #02a1fd 3px solid">#02a1fd borde</p>
#02a1fd gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a1fd, #fff); background: -webkit-radial-gradient(50% 50%, #02a1fd, #fff); background: -o-radial-gradient(50% 50%, #02a1fd, #fff); background: -ms-radial-gradient(50% 50%, #02a1fd, #fff); background: radial-gradient(50% 50%, #02a1fd, #fff); color: #fff">#02a1fd gradiente radial</p>
#02a1fd gradiente lineal hasta complementaria #fd5e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a1fd, #fd5e01); background: -webkit-linear-gradient(top, #02a1fd, #fd5e01); background: -o-linear-gradient(top, #02a1fd, #fd5e01); background: -ms-linear-gradient(top, #02a1fd, #fd5e01); background: linear-gradient(top, #02a1fd, #fd5e01); color: #fff">#02a1fd gradiente lineal hasta complementaria #fd5e01</p>
#02a1fd sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a1fd">#02a1fd sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a1fd.
Ir a marca de pintura: