#02a1f4
Código de Color HexEl código de color hexadecimal #02a1f4
es una sombra de cian-azul. En el modelo de color RGB #02a1f4
dicho color se compone de 0.78% de rojo, 63.14% de verde y 95.69% de azul. En el espacio de color HSL #02a1f4
tiene un tono de 200.58 grados, 98.37% de saturación y 48.24% de luminosidad. Este color tiene una longitud de onda aproximada de 494 nm.
#02a1f4
InformaciónInvertido
#fd5e0b 25% saturado
#00a1f6 Escala de grises
#7b7b7b
25% más ligero
#36b9fd Original
#02a1f4 25% más oscuro
#0178b6
cornflowerblue
#6495ed 25% desaturado
#2097d5 Colores web: fuchsia
#ff00ff
rgb(2, 161, 244)
rgba(2, 161, 244, 1.0)
rojo: 0.7843%, amarillo: 38.4138%, azul: 95.6863%
#02a1f4
172532
-16604684 / 0xff02a1f4
hsl(201, 98%, 48%)
hsla(201, 98%, 48%, 1.0)
matiz: 201 (200.5785), saturación: 99 (99.1803), valor: 96 (95.6863)
X: 29.099, Y: 32.0343, Z: 90.2375
x: 0.1922, y: 0.2116, Y: 32.0343
L: 63.3712, a: -5.1275, b: -51.0151
L: 63.3712, u: -40.1008, v: -81.4469
L: 63.3712, C: 51.2721, H: 264.2605
L: 56.5988, a: -7.2762, b: -54.9089
cian: 99 (0.9918), magenta: 34 (0.3402), amarillo: 0 (0), key: 4 (0.0431)
cian: 99 (0.9922), magenta: 37 (0.3686), amarillo: 4 (0.0431)
Y: 122.921, I: -121.3837, Q: -7.7973
Y: 122.921, U: 59.5833, V: -106.0858
Y: 122.921, Db: 182.189, Dr: 229.958
Y: 121.57, Cb: 187.969, Cr: 52.306
Y: 133.109, Pb: 59.785, Pr: -83.318
2.5PB 6/12 aproximado; exacta: Munsell 2.5PB 6/12 / #149af3
#02a1f4
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a1f4
a Blanco#02a1f4
a Negro#02a1f4
primer plano
<p style="color: #02a1f4">#02a1f4 primer plano</p>
#02a1f4
fondo
<p style="background-color: #02a1f4; color: #fff">#02a1f4 fondo</p>
#02a1f4
borde
<p style="border: #02a1f4 3px solid">#02a1f4 borde</p>
#02a1f4
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a1f4, #fff); background: -webkit-radial-gradient(50% 50%, #02a1f4, #fff); background: -o-radial-gradient(50% 50%, #02a1f4, #fff); background: -ms-radial-gradient(50% 50%, #02a1f4, #fff); background: radial-gradient(50% 50%, #02a1f4, #fff); color: #fff">#02a1f4 gradiente radial</p>
#02a1f4
gradiente lineal hasta complementaria #f45501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a1f4, #f45501); background: -webkit-linear-gradient(top, #02a1f4, #f45501); background: -o-linear-gradient(top, #02a1f4, #f45501); background: -ms-linear-gradient(top, #02a1f4, #f45501); background: linear-gradient(top, #02a1f4, #f45501); color: #fff">
#02a1f4
gradiente lineal hasta complementaria #f45501
</p>
#02a1f4
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a1f4">#02a1f4 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a1f4
.
Ir a marca de pintura: