Gráficos Composición
RGB
CMYK
RYB
#20a2d5 Código de Color HexEl código de color hexadecimal #20a2d5 es una sombra de cian. En el modelo de color RGB #20a2d5 dicho color se compone de 12.55% de rojo, 63.53% de verde y 83.53% de azul. En el espacio de color HSL #20a2d5 tiene un tono de 196.91 grados, 73.88% de saturación y 48.04% de luminosidad. Este color tiene una longitud de onda aproximada de 496 nm.
#20a2d5 InformaciónInvertido
#df5d2a 25% saturado
#09abeb Escala de grises
#7a7a7a
25% más ligero
#4db9e4 Original
#20a2d5 25% más oscuro
#18799f
deepskyblue
#00bfff 25% desaturado
#3698be Colores web: teal
#008080
rgb(32, 162, 213)
rgba(32, 162, 213, 1.0)
rojo: 12.549%, amarillo: 42.2193%, azul: 83.5294%
#20a2d5
2138837
-14638379 / 0xff20a2d5
hsl(197, 74%, 48%)
hsla(197, 74%, 48%, 1.0)
matiz: 197 (196.9061), saturación: 85 (84.9765), valor: 84 (83.5294)
X: 25.5262, Y: 30.9518, Z: 67.5797
x: 0.2058, y: 0.2495, Y: 30.9518
L: 62.467, a: -15.6282, b: -35.3134
L: 62.467, u: -40.9324, v: -53.6771
L: 62.467, C: 38.617, H: 246.1278
L: 55.6344, a: -15.4605, b: -33.0762
cian: 85 (0.8498), magenta: 24 (0.2394), amarillo: 0 (0), key: 16 (0.1647)
cian: 87 (0.8745), magenta: 36 (0.3647), amarillo: 16 (0.1647)
Y: 128.944, I: -93.8275, Q: -11.6214
Y: 128.944, U: 41.3645, V: -85.0505
Y: 128.944, Db: 126.483, Dr: 184.357
Y: 126.746, Cb: 169.629, Cr: 67.309
Y: 137.982, Pb: 40.45, Pr: -67.346
7.5B 6/8 aproximado; exacta: Munsell 7.5B 6/8 / #399ece
#20a2d5 / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#20a2d5 a Blanco#20a2d5 a Negro#20a2d5 primer plano
<p style="color: #20a2d5; background-color: #000">#20a2d5 primer plano</p>
#20a2d5 fondo
<p style="background-color: #20a2d5">#20a2d5 fondo</p>
#20a2d5 borde
<p style="border: #20a2d5 3px solid">#20a2d5 borde</p>
#20a2d5 gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #20a2d5, #fff); background: -webkit-radial-gradient(50% 50%, #20a2d5, #fff); background: -o-radial-gradient(50% 50%, #20a2d5, #fff); background: -ms-radial-gradient(50% 50%, #20a2d5, #fff); background: radial-gradient(50% 50%, #20a2d5, #fff)">#20a2d5 gradiente radial</p>
#20a2d5 gradiente lineal hasta complementaria #d55320
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #20a2d5, #d55320); background: -webkit-linear-gradient(top, #20a2d5, #d55320); background: -o-linear-gradient(top, #20a2d5, #d55320); background: -ms-linear-gradient(top, #20a2d5, #d55320); background: linear-gradient(top, #20a2d5, #d55320); color: #000">#20a2d5 gradiente lineal hasta complementaria #d55320</p>
#20a2d5 sombra texto
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #20a2d5">#20a2d5 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #20a2d5.
Ir a marca de pintura: