#5687d4
Código de Color HexEl código de color hexadecimal #5687d4
es una sombra de cian-azul. En el modelo de color RGB #5687d4
dicho color se compone de 33.73% de rojo, 52.94% de verde y 83.14% de azul. En el espacio de color HSL #5687d4
tiene un tono de 216.67 grados, 59.43% de saturación y 58.43% de luminosidad. Este color tiene una longitud de onda aproximada de 484 nm.
#5687d4
InformaciónInvertido
#a9782b 25% saturado
#4683e3 Escala de grises
#959595
25% más ligero
#91b1e3 Original
#5687d4 25% más oscuro
#2d60b2
dodgerblue
#1e90ff 25% desaturado
#658ac4 Colores web: fuchsia
#ff00ff
rgb(86, 135, 212)
rgba(86, 135, 212, 1.0)
rojo: 33.7255%, amarillo: 47.5608%, azul: 83.1373%
#5687d4
5670868
-11106348 / 0xff5687d4
hsl(217, 59%, 58%)
hsla(217, 59%, 58%, 1.0)
matiz: 217 (216.6667), saturación: 59 (59.434), valor: 83 (83.1373)
X: 24.3854, Y: 24.0598, Z: 65.6461
x: 0.2137, y: 0.2109, Y: 24.0598
L: 56.1477, a: 6.7308, b: -44.5658
L: 56.1477, u: -22.1212, v: -70.3776
L: 56.1477, C: 45.0712, H: 278.5885
L: 49.0508, a: 2.9015, b: -45.0139
cian: 59 (0.5943), magenta: 36 (0.3632), amarillo: 0 (0), key: 17 (0.1686)
cian: 66 (0.6627), magenta: 47 (0.4706), amarillo: 17 (0.1686)
Y: 129.127, I: -53.9273, Q: 13.5961
Y: 129.127, U: 40.7827, V: -37.8358
Y: 129.127, Db: 124.691, Dr: 82.026
Y: 126.918, Cb: 169.055, Cr: 101.022
Y: 130.107, Pb: 44.135, Pr: -28.042
5PB 5/10 aproximado; exacta: Munsell 5PB 5/10 / #487bc7
#5687d4
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#5687d4
a Blanco#5687d4
a Negro#5687d4
primer plano
<p style="color: #5687d4; background-color: #000">#5687d4 primer plano</p>
#5687d4
fondo
<p style="background-color: #5687d4">#5687d4 fondo</p>
#5687d4
borde
<p style="border: #5687d4 3px solid">#5687d4 borde</p>
#5687d4
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5687d4, #fff); background: -webkit-radial-gradient(50% 50%, #5687d4, #fff); background: -o-radial-gradient(50% 50%, #5687d4, #fff); background: -ms-radial-gradient(50% 50%, #5687d4, #fff); background: radial-gradient(50% 50%, #5687d4, #fff)">#5687d4 gradiente radial</p>
#5687d4
gradiente lineal hasta complementaria #d4a255
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5687d4, #d4a255); background: -webkit-linear-gradient(top, #5687d4, #d4a255); background: -o-linear-gradient(top, #5687d4, #d4a255); background: -ms-linear-gradient(top, #5687d4, #d4a255); background: linear-gradient(top, #5687d4, #d4a255); color: #000">
#5687d4
gradiente lineal hasta complementaria #d4a255
</p>
#5687d4
sombra texto
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5687d4">#5687d4 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #5687d4
.
Ir a marca de pintura: