#02a0f2
Código de Color HexEl código de color hexadecimal #02a0f2
es una sombra de cian-azul. En el modelo de color RGB #02a0f2
dicho color se compone de 0.78% de rojo, 62.75% de verde y 94.9% de azul. En el espacio de color HSL #02a0f2
tiene un tono de 200.5 grados, 98.36% de saturación y 47.84% de luminosidad. Este color tiene una longitud de onda aproximada de 494 nm.
#02a0f2
InformaciónInvertido
#fd5f0d 25% saturado
#00a0f3 Escala de grises
#797979
25% más ligero
#33b8fd Original
#02a0f2 25% más oscuro
#0177b5
cornflowerblue
#6495ed 25% desaturado
#1f96d3 Colores web: fuchsia
#ff00ff
rgb(2, 160, 242)
rgba(2, 160, 242, 1.0)
rojo: 0.7843%, amarillo: 38.1476%, azul: 94.902%
#02a0f2
172274
-16604942 / 0xff02a0f2
hsl(201, 98%, 48%)
hsla(201, 98%, 48%, 1.0)
matiz: 201 (200.5), saturación: 99 (99.1736), valor: 95 (94.902)
X: 28.6229, Y: 31.5653, Z: 88.5885
x: 0.1924, y: 0.2122, Y: 31.5653
L: 62.982, a: -5.2981, b: -50.5348
L: 62.982, u: -39.9041, v: -80.5393
L: 62.982, C: 50.8118, H: 264.0149
L: 56.183, a: -7.3822, b: -54.1594
cian: 99 (0.9917), magenta: 34 (0.3388), amarillo: 0 (0), key: 5 (0.051)
cian: 99 (0.9922), magenta: 37 (0.3725), amarillo: 5 (0.051)
Y: 122.106, I: -120.4667, Q: -7.897
Y: 122.106, U: 59.0001, V: -105.3708
Y: 122.106, Db: 180.406, Dr: 228.408
Y: 120.87, Cb: 187.382, Cr: 52.816
Y: 132.25, Pb: 59.17, Pr: -82.772
2.5PB 6/12 aproximado; exacta: Munsell 2.5PB 6/12 / #149af3
#02a0f2
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a0f2
a Blanco#02a0f2
a Negro#02a0f2
primer plano
<p style="color: #02a0f2">#02a0f2 primer plano</p>
#02a0f2
fondo
<p style="background-color: #02a0f2; color: #fff">#02a0f2 fondo</p>
#02a0f2
borde
<p style="border: #02a0f2 3px solid">#02a0f2 borde</p>
#02a0f2
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0f2, #fff); background: -webkit-radial-gradient(50% 50%, #02a0f2, #fff); background: -o-radial-gradient(50% 50%, #02a0f2, #fff); background: -ms-radial-gradient(50% 50%, #02a0f2, #fff); background: radial-gradient(50% 50%, #02a0f2, #fff); color: #fff">#02a0f2 gradiente radial</p>
#02a0f2
gradiente lineal hasta complementaria #f25301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0f2, #f25301); background: -webkit-linear-gradient(top, #02a0f2, #f25301); background: -o-linear-gradient(top, #02a0f2, #f25301); background: -ms-linear-gradient(top, #02a0f2, #f25301); background: linear-gradient(top, #02a0f2, #f25301); color: #fff">
#02a0f2
gradiente lineal hasta complementaria #f25301
</p>
#02a0f2
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0f2">#02a0f2 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a0f2
.
Ir a marca de pintura: