Gráficos Composición
RGB
CMYK
RYB
#02ccf2 Código de Color HexEl código de color hexadecimal #02ccf2 es una sombra de cian. En el modelo de color RGB #02ccf2 dicho color se compone de 0.78% de rojo, 80% de verde y 94.9% de azul. En el espacio de color HSL #02ccf2 tiene un tono de 189.5 grados, 98.36% de saturación y 47.84% de luminosidad. Este color tiene una longitud de onda aproximada de 501 nm.
#02ccf2 InformaciónInvertido
#fd330d 25% saturado
#00cdf3 Escala de grises
#797979
25% más ligero
#33ddfd Original
#02ccf2 25% más oscuro
#0198b5
skyblue
#87ceeb 25% desaturado
#1fb7d3 Colores web: aqua
#00ffff
rgb(2, 204, 242)
rgba(2, 204, 242, 1.0)
rojo: 0.7843%, amarillo: 43.7974%, azul: 94.902%
#02ccf2
183538
-16593678 / 0xff02ccf2
hsl(190, 98%, 48%)
hsla(190, 98%, 48%, 1.0)
matiz: 190 (189.5), saturación: 99 (99.1736), valor: 95 (94.902)
X: 37.6449, Y: 49.6094, Z: 91.5959
x: 0.2105, y: 0.2774, Y: 49.6094
L: 75.8289, a: -28.6228, b: -30.4743
L: 75.8289, u: -54.536, v: -45.1075
L: 75.8289, C: 41.8084, H: 226.7945
L: 70.434, a: -27.8564, b: -27.7999
cian: 99 (0.9917), magenta: 16 (0.157), amarillo: 0 (0), key: 5 (0.051)
cian: 99 (0.9922), magenta: 20 (0.2), amarillo: 5 (0.051)
Y: 147.934, I: -132.5426, Q: -30.891
Y: 147.934, U: 46.2903, V: -128.0304
Y: 147.934, Db: 141.554, Dr: 277.512
Y: 143.046, Cb: 174.578, Cr: 36.624
Y: 163.71, Pb: 42.23, Pr: -102.748
2.5B 7/10 (aproximado)
#02ccf2 / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02ccf2 a Blanco#02ccf2 a Negro#02ccf2 primer plano
<p style="color: #02ccf2; background-color: #000">#02ccf2 primer plano</p>
#02ccf2 fondo
<p style="background-color: #02ccf2">#02ccf2 fondo</p>
#02ccf2 borde
<p style="border: #02ccf2 3px solid">#02ccf2 borde</p>
#02ccf2 gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ccf2, #fff); background: -webkit-radial-gradient(50% 50%, #02ccf2, #fff); background: -o-radial-gradient(50% 50%, #02ccf2, #fff); background: -ms-radial-gradient(50% 50%, #02ccf2, #fff); background: radial-gradient(50% 50%, #02ccf2, #fff)">#02ccf2 gradiente radial</p>
#02ccf2 gradiente lineal hasta complementaria #f22701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ccf2, #f22701); background: -webkit-linear-gradient(top, #02ccf2, #f22701); background: -o-linear-gradient(top, #02ccf2, #f22701); background: -ms-linear-gradient(top, #02ccf2, #f22701); background: linear-gradient(top, #02ccf2, #f22701); color: #000">#02ccf2 gradiente lineal hasta complementaria #f22701</p>
#02ccf2 sombra texto
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ccf2">#02ccf2 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02ccf2.
Ir a marca de pintura: