Gráficos Composición
RGB
CMYK
RYB
#02a6e2 Código de Color HexEl código de color hexadecimal #02a6e2 es una sombra de cian. En el modelo de color RGB #02a6e2 dicho color se compone de 0.78% de rojo, 65.1% de verde y 88.63% de azul. En el espacio de color HSL #02a6e2 tiene un tono de 196.07 grados, 98.25% de saturación y 44.71% de luminosidad. Este color tiene una longitud de onda aproximada de 497 nm.
#02a6e2 InformaciónInvertido
#fd591d 25% saturado
#00a6e3 Escala de grises
#717171
25% más ligero
#1fc1fd Original
#02a6e2 25% más oscuro
#017ca9
deepskyblue
#00bfff 25% desaturado
#1d99c6 Colores web: teal
#008080
rgb(2, 166, 226)
rgba(2, 166, 226, 1.0)
rojo: 0.7843%, amarillo: 37.9139%, azul: 88.6275%
#02a6e2
173794
-16603422 / 0xff02a6e2
hsl(196, 98%, 45%)
hsla(196, 98%, 45%, 1.0)
matiz: 196 (196.0714), saturación: 99 (99.115), valor: 89 (88.6275)
X: 27.3887, Y: 32.7763, Z: 76.8344
x: 0.1999, y: 0.2392, Y: 32.7763
L: 63.9794, a: -14.485, b: -40.1627
L: 63.9794, u: -42.9809, v: -62.1947
L: 63.9794, C: 42.6949, H: 250.1678
L: 57.2506, a: -14.7941, b: -39.496
cian: 99 (0.9912), magenta: 27 (0.2655), amarillo: 0 (0), key: 11 (0.1137)
cian: 99 (0.9922), magenta: 35 (0.349), amarillo: 11 (0.1137)
Y: 123.804, I: -116.9732, Q: -16.0107
Y: 123.804, U: 50.291, V: -106.8606
Y: 123.804, Db: 153.78, Dr: 231.632
Y: 122.326, Cb: 178.612, Cr: 51.744
Y: 135.388, Pb: 48.86, Pr: -84.76
7.5B 6/10 (aproximado)
#02a6e2 / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a6e2 a Blanco#02a6e2 a Negro#02a6e2 primer plano
<p style="color: #02a6e2">#02a6e2 primer plano</p>
#02a6e2 fondo
<p style="background-color: #02a6e2; color: #fff">#02a6e2 fondo</p>
#02a6e2 borde
<p style="border: #02a6e2 3px solid">#02a6e2 borde</p>
#02a6e2 gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a6e2, #fff); background: -webkit-radial-gradient(50% 50%, #02a6e2, #fff); background: -o-radial-gradient(50% 50%, #02a6e2, #fff); background: -ms-radial-gradient(50% 50%, #02a6e2, #fff); background: radial-gradient(50% 50%, #02a6e2, #fff); color: #fff">#02a6e2 gradiente radial</p>
#02a6e2 gradiente lineal hasta complementaria #e23d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a6e2, #e23d01); background: -webkit-linear-gradient(top, #02a6e2, #e23d01); background: -o-linear-gradient(top, #02a6e2, #e23d01); background: -ms-linear-gradient(top, #02a6e2, #e23d01); background: linear-gradient(top, #02a6e2, #e23d01); color: #fff">#02a6e2 gradiente lineal hasta complementaria #e23d01</p>
#02a6e2 sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a6e2">#02a6e2 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a6e2.
Ir a marca de pintura: