#02a1bb
Código de Color HexEl código de color hexadecimal #02a1bb
es una sombra oscura media de cian. En el modelo de color RGB #02a1bb
dicho color se compone de 0.78% de rojo, 63.14% de verde y 73.33% de azul. En el espacio de color HSL #02a1bb
tiene un tono de 188.43 grados, 97.88% de saturación y 37.06% de luminosidad. Este color tiene una longitud de onda aproximada de 501 nm.
#02a1bb
InformaciónInvertido
#fd5e44 25% saturado
#00a2bc Escala de grises
#5e5e5e
25% más ligero
#02c9e9 Original
#02a1bb 25% más oscuro
#01788c
Cadet blue / cadetblue
#5f9ea0 25% desaturado
#1990a3 Colores web: teal
#008080
rgb(2, 161, 187)
rgba(2, 161, 187, 1.0)
rojo: 0.7843%, amarillo: 34.3171%, azul: 73.3333%
#02a1bb
172475
-16604741 / 0xff02a1bb
hsl(188, 98%, 37%)
hsla(188, 98%, 37%, 1.0)
matiz: 188 (188.4324), saturación: 99 (98.9305), valor: 73 (73.3333)
X: 21.7395, Y: 29.0905, Z: 51.4829
x: 0.2125, y: 0.2843, Y: 29.0905
L: 60.8614, a: -25.5204, b: -23.2912
L: 60.8614, u: -44.2105, v: -32.3727
L: 60.8614, C: 34.551, H: 222.3851
L: 53.9356, a: -22.4403, b: -18.8389
cian: 99 (0.9893), magenta: 14 (0.139), amarillo: 0 (0), key: 27 (0.2667)
cian: 99 (0.9922), magenta: 37 (0.3686), amarillo: 27 (0.2667)
Y: 116.423, I: -103.0717, Q: -25.532
Y: 116.423, U: 34.7313, V: -100.3853
Y: 116.423, Db: 106.208, Dr: 217.589
Y: 115.984, Cb: 162.946, Cr: 56.353
Y: 129.005, Pb: 31.285, Pr: -80.696
2.5B 6/8 (aproximado)
#02a1bb
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a1bb
a Blanco#02a1bb
a Negro#02a1bb
primer plano
<p style="color: #02a1bb">#02a1bb primer plano</p>
#02a1bb
fondo
<p style="background-color: #02a1bb; color: #fff">#02a1bb fondo</p>
#02a1bb
borde
<p style="border: #02a1bb 3px solid">#02a1bb borde</p>
#02a1bb
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a1bb, #fff); background: -webkit-radial-gradient(50% 50%, #02a1bb, #fff); background: -o-radial-gradient(50% 50%, #02a1bb, #fff); background: -ms-radial-gradient(50% 50%, #02a1bb, #fff); background: radial-gradient(50% 50%, #02a1bb, #fff); color: #fff">#02a1bb gradiente radial</p>
#02a1bb
gradiente lineal hasta complementaria #bb1b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a1bb, #bb1b01); background: -webkit-linear-gradient(top, #02a1bb, #bb1b01); background: -o-linear-gradient(top, #02a1bb, #bb1b01); background: -ms-linear-gradient(top, #02a1bb, #bb1b01); background: linear-gradient(top, #02a1bb, #bb1b01); color: #fff">
#02a1bb
gradiente lineal hasta complementaria #bb1b01
</p>
#02a1bb
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a1bb">#02a1bb sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a1bb
.
Ir a marca de pintura: