#02a4d2
Código de Color HexEl código de color hexadecimal #02a4d2
es una sombra de cian. En el modelo de color RGB #02a4d2
dicho color se compone de 0.78% de rojo, 64.31% de verde y 82.35% de azul. En el espacio de color HSL #02a4d2
tiene un tono de 193.27 grados, 98.11% de saturación y 41.57% de luminosidad. Este color tiene una longitud de onda aproximada de 498 nm.
#02a4d2
InformaciónInvertido
#fd5b2d 25% saturado
#00a5d3 Escala de grises
#696969
25% más ligero
#0cc7fc Original
#02a4d2 25% más oscuro
#017a9d
deepskyblue
#00bfff 25% desaturado
#1b95b8 Colores web: teal
#008080
rgb(2, 164, 210)
rgba(2, 164, 210, 1.0)
rojo: 0.7843%, amarillo: 36.4981%, azul: 82.3529%
#02a4d2
173266
-16603950 / 0xff02a4d2
hsl(193, 98%, 42%)
hsla(193, 98%, 42%, 1.0)
matiz: 193 (193.2692), saturación: 99 (99.0476), valor: 82 (82.3529)
X: 24.9334, Y: 31.217, Z: 65.6841
x: 0.2046, y: 0.2562, Y: 31.217
L: 62.6904, a: -19.1083, b: -33.3179
L: 62.6904, u: -43.4781, v: -49.9581
L: 62.6904, C: 38.4085, H: 240.165
L: 55.8721, a: -18.1193, b: -30.5917
cian: 99 (0.9905), magenta: 22 (0.219), amarillo: 0 (0), key: 18 (0.1765)
cian: 99 (0.9922), magenta: 36 (0.3569), amarillo: 18 (0.1765)
Y: 120.806, I: -111.2841, Q: -19.9437
Y: 120.806, U: 43.8927, V: -104.2305
Y: 120.806, Db: 134.218, Dr: 225.928
Y: 119.75, Cb: 172.17, Cr: 53.616
Y: 132.806, Pb: 41.63, Pr: -83.116
5B 6/8 aproximado; exacta: Munsell 5B 6/8 / #18a1c9
#02a4d2
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a4d2
a Blanco#02a4d2
a Negro#02a4d2
primer plano
<p style="color: #02a4d2">#02a4d2 primer plano</p>
#02a4d2
fondo
<p style="background-color: #02a4d2; color: #fff">#02a4d2 fondo</p>
#02a4d2
borde
<p style="border: #02a4d2 3px solid">#02a4d2 borde</p>
#02a4d2
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a4d2, #fff); background: -webkit-radial-gradient(50% 50%, #02a4d2, #fff); background: -o-radial-gradient(50% 50%, #02a4d2, #fff); background: -ms-radial-gradient(50% 50%, #02a4d2, #fff); background: radial-gradient(50% 50%, #02a4d2, #fff); color: #fff">#02a4d2 gradiente radial</p>
#02a4d2
gradiente lineal hasta complementaria #d22f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a4d2, #d22f01); background: -webkit-linear-gradient(top, #02a4d2, #d22f01); background: -o-linear-gradient(top, #02a4d2, #d22f01); background: -ms-linear-gradient(top, #02a4d2, #d22f01); background: linear-gradient(top, #02a4d2, #d22f01); color: #fff">
#02a4d2
gradiente lineal hasta complementaria #d22f01
</p>
#02a4d2
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a4d2">#02a4d2 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a4d2
.
Ir a marca de pintura: