#02a2bd
Código de Color HexEl código de color hexadecimal #02a2bd
es una sombra oscura media de cian. En el modelo de color RGB #02a2bd
dicho color se compone de 0.78% de rojo, 63.53% de verde y 74.12% de azul. En el espacio de color HSL #02a2bd
tiene un tono de 188.66 grados, 97.91% de saturación y 37.45% de luminosidad. Este color tiene una longitud de onda aproximada de 501 nm.
#02a2bd
InformaciónInvertido
#fd5d42 25% saturado
#00a3bf Escala de grises
#5f5f5f
25% más ligero
#02caec Original
#02a2bd 25% más oscuro
#01798d
Cadet blue / cadetblue
#5f9ea0 25% desaturado
#1991a5 Colores web: teal
#008080
rgb(2, 162, 189)
rgba(2, 162, 189, 1.0)
rojo: 0.7843%, amarillo: 34.598%, azul: 74.1176%
#02a2bd
172733
-16604483 / 0xff02a2bd
hsl(189, 98%, 37%)
hsla(189, 98%, 37%, 1.0)
matiz: 189 (188.6631), saturación: 99 (98.9418), valor: 74 (74.1176)
X: 22.1307, Y: 29.5277, Z: 52.6771
x: 0.2121, y: 0.283, Y: 29.5277
L: 61.2445, a: -25.3489, b: -23.8261
L: 61.2445, u: -44.4001, v: -33.3006
L: 61.2445, C: 34.7887, H: 223.2263
L: 54.3394, a: -22.3967, b: -19.4387
cian: 99 (0.9894), magenta: 14 (0.1429), amarillo: 0 (0), key: 26 (0.2588)
cian: 99 (0.9922), magenta: 36 (0.3647), amarillo: 26 (0.2588)
Y: 117.238, I: -103.9887, Q: -25.4323
Y: 117.238, U: 35.3144, V: -101.1003
Y: 117.238, Db: 107.991, Dr: 219.139
Y: 116.684, Cb: 163.533, Cr: 55.843
Y: 129.864, Pb: 31.9, Pr: -81.242
2.5B 6/8 (aproximado)
#02a2bd
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a2bd
a Blanco#02a2bd
a Negro#02a2bd
primer plano
<p style="color: #02a2bd">#02a2bd primer plano</p>
#02a2bd
fondo
<p style="background-color: #02a2bd; color: #fff">#02a2bd fondo</p>
#02a2bd
borde
<p style="border: #02a2bd 3px solid">#02a2bd borde</p>
#02a2bd
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a2bd, #fff); background: -webkit-radial-gradient(50% 50%, #02a2bd, #fff); background: -o-radial-gradient(50% 50%, #02a2bd, #fff); background: -ms-radial-gradient(50% 50%, #02a2bd, #fff); background: radial-gradient(50% 50%, #02a2bd, #fff); color: #fff">#02a2bd gradiente radial</p>
#02a2bd
gradiente lineal hasta complementaria #bd1c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a2bd, #bd1c01); background: -webkit-linear-gradient(top, #02a2bd, #bd1c01); background: -o-linear-gradient(top, #02a2bd, #bd1c01); background: -ms-linear-gradient(top, #02a2bd, #bd1c01); background: linear-gradient(top, #02a2bd, #bd1c01); color: #fff">
#02a2bd
gradiente lineal hasta complementaria #bd1c01
</p>
#02a2bd
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a2bd">#02a2bd sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a2bd
.
Ir a marca de pintura: