Gráficos Composición
RGB
CMYK
RYB
#02b1f3 Código de Color HexEl código de color hexadecimal #02b1f3 es una sombra de cian. En el modelo de color RGB #02b1f3 dicho color se compone de 0.78% de rojo, 69.41% de verde y 95.29% de azul. En el espacio de color HSL #02b1f3 tiene un tono de 196.43 grados, 98.37% de saturación y 48.04% de luminosidad. Este color tiene una longitud de onda aproximada de 496 nm.
#02b1f3 InformaciónInvertido
#fd4e0c 25% saturado
#00b1f4 Escala de grises
#7a7a7a
25% más ligero
#34c6fd Original
#02b1f3 25% más oscuro
#0184b6
deepskyblue
#00bfff 25% desaturado
#20a3d4 Colores web: teal
#008080
rgb(2, 177, 243)
rgba(2, 177, 243, 1.0)
rojo: 0.7843%, amarillo: 40.542%, azul: 95.2941%
#02b1f3
176627
-16600589 / 0xff02b1f3
hsl(196, 98%, 48%)
hsla(196, 98%, 48%, 1.0)
matiz: 196 (196.4315), saturación: 99 (99.177), valor: 95 (95.2941)
X: 31.9248, Y: 37.9283, Z: 90.4323
x: 0.1992, y: 0.2366, Y: 37.9283
L: 67.9677, a: -14.3668, b: -43.2252
L: 67.9677, u: -45.4337, v: -67.9829
L: 67.9677, C: 45.5502, H: 251.6147
L: 61.5859, a: -15.2447, b: -43.9508
cian: 99 (0.9918), magenta: 27 (0.2716), amarillo: 0 (0), key: 5 (0.0471)
cian: 99 (0.9922), magenta: 31 (0.3059), amarillo: 5 (0.0471)
Y: 132.199, I: -125.4537, Q: -16.4699
Y: 132.199, U: 54.5255, V: -114.2257
Y: 132.199, Db: 166.728, Dr: 247.597
Y: 129.536, Cb: 182.874, Cr: 46.489
Y: 144.477, Pb: 53.125, Pr: -90.536
10B 7/10 aproximado; exacta: Munsell 10B 7/10 / #42b9fe
#02b1f3 / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02b1f3 a Blanco#02b1f3 a Negro#02b1f3 primer plano
<p style="color: #02b1f3; background-color: #000">#02b1f3 primer plano</p>
#02b1f3 fondo
<p style="background-color: #02b1f3">#02b1f3 fondo</p>
#02b1f3 borde
<p style="border: #02b1f3 3px solid">#02b1f3 borde</p>
#02b1f3 gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b1f3, #fff); background: -webkit-radial-gradient(50% 50%, #02b1f3, #fff); background: -o-radial-gradient(50% 50%, #02b1f3, #fff); background: -ms-radial-gradient(50% 50%, #02b1f3, #fff); background: radial-gradient(50% 50%, #02b1f3, #fff)">#02b1f3 gradiente radial</p>
#02b1f3 gradiente lineal hasta complementaria #f24301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b1f3, #f24301); background: -webkit-linear-gradient(top, #02b1f3, #f24301); background: -o-linear-gradient(top, #02b1f3, #f24301); background: -ms-linear-gradient(top, #02b1f3, #f24301); background: linear-gradient(top, #02b1f3, #f24301); color: #000">#02b1f3 gradiente lineal hasta complementaria #f24301</p>
#02b1f3 sombra texto
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b1f3">#02b1f3 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02b1f3.
Ir a marca de pintura: