#02a757
Código de Color HexEl código de color hexadecimal #02a757
es una sombra oscura media de verde-cian. En el modelo de color RGB #02a757
dicho color se compone de 0.78% de rojo, 65.49% de verde y 34.12% de azul. En el espacio de color HSL #02a757
tiene un tono de 150.91 grados, 97.63% de saturación y 33.14% de luminosidad. Este color tiene una longitud de onda aproximada de 525 nm.
#02a757
InformaciónInvertido
#fd58a8 25% saturado
#00a857 Escala de grises
#545454
25% más ligero
#02d06c Original
#02a757 25% más oscuro
#017d41
mediumseagreen
#3cb371 25% desaturado
#169256 Colores web: green
#008000
rgb(2, 167, 87)
rgba(2, 167, 87, 1.0)
rojo: 0.7843%, amarillo: 43.4902%, azul: 65.4902%
#02a757
173911
-16603305 / 0xff02a757
hsl(151, 98%, 33%)
hsla(151, 98%, 33%, 1.0)
matiz: 151 (150.9091), saturación: 99 (98.8024), valor: 65 (65.4902)
X: 15.5641, Y: 28.3385, Z: 13.6664
x: 0.2704, y: 0.4923, Y: 28.3385
L: 60.1933, a: -54.8727, b: 31.2308
L: 60.1933, u: -53.6656, v: 47.8901
L: 60.1933, C: 63.1377, H: 150.3537
L: 53.2339, a: -40.971, b: 22.0426
cian: 99 (0.988), magenta: 0 (0), amarillo: 48 (0.479), key: 35 (0.3451)
cian: 99 (0.9922), magenta: 35 (0.3451), amarillo: 66 (0.6588)
Y: 108.545, I: -72.5921, Q: -59.781
Y: 108.545, U: -10.6019, V: -93.4742
Y: 108.545, Db: -32.39, Dr: 202.585
Y: 109.208, Cb: 117.3, Cr: 61.245
Y: 126.095, Pb: -21.025, Pr: -78.82
2.5G 6/12 (aproximado)
#02a757
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#02a757
a Blanco#02a757
a Negro#02a757
primer plano
<p style="color: #02a757">#02a757 primer plano</p>
#02a757
fondo
<p style="background-color: #02a757; color: #fff">#02a757 fondo</p>
#02a757
borde
<p style="border: #02a757 3px solid">#02a757 borde</p>
#02a757
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a757, #fff); background: -webkit-radial-gradient(50% 50%, #02a757, #fff); background: -o-radial-gradient(50% 50%, #02a757, #fff); background: -ms-radial-gradient(50% 50%, #02a757, #fff); background: radial-gradient(50% 50%, #02a757, #fff); color: #fff">#02a757 gradiente radial</p>
#02a757
gradiente lineal hasta complementaria #a60151
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a757, #a60151); background: -webkit-linear-gradient(top, #02a757, #a60151); background: -o-linear-gradient(top, #02a757, #a60151); background: -ms-linear-gradient(top, #02a757, #a60151); background: linear-gradient(top, #02a757, #a60151); color: #fff">
#02a757
gradiente lineal hasta complementaria #a60151
</p>
#02a757
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a757">#02a757 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #02a757
.
Ir a marca de pintura: