#686e8d
Código de Color HexEl código de color hexadecimal #686e8d
es una sombra de azul. En el modelo de color RGB #686e8d
dicho color se compone de 40.78% de rojo, 43.14% de verde y 55.29% de azul. En el espacio de color HSL #686e8d
tiene un tono de 230.27 grados, 15.1% de saturación y 48.04% de luminosidad. Este color tiene una longitud de onda aproximada de 475 nm.
#686e8d
InformaciónInvertido
#979172 25% saturado
#636a91 Escala de grises
#7a7a7a
25% más ligero
#898ea8 Original
#686e8d 25% más oscuro
#4d5269
slategray / slategrey
#708090 25% desaturado
#6c7188 Colores web: gray
#808080
rgb(104, 110, 141)
rgba(104, 110, 141, 1.0)
rojo: 40.7843%, amarillo: 42.8089%, azul: 55.2941%
#686e8d
6844045
-9933171 / 0xff686e8d
hsl(230, 15%, 48%)
hsla(230, 15%, 48%, 1.0)
matiz: 230 (230.2703), saturación: 26 (26.2411), valor: 55 (55.2941)
X: 16.0926, Y: 16.018, Z: 27.4429
x: 0.2702, y: 0.269, Y: 16.018
L: 46.9981, a: 5.065, b: -17.7165
L: 46.9981, u: -4.7558, v: -26.0838
L: 46.9981, C: 18.4263, H: 285.9549
L: 40.0225, a: 1.7333, b: -12.6386
cian: 26 (0.2624), magenta: 22 (0.2199), amarillo: 0 (0), key: 45 (0.4471)
cian: 59 (0.5922), magenta: 57 (0.5686), amarillo: 45 (0.4471)
Y: 111.74, I: -13.5334, Q: 8.3764
Y: 111.74, U: 14.3999, V: -6.7903
Y: 111.74, Db: 44.023, Dr: 14.725
Y: 111.986, Cb: 142.497, Cr: 123.165
Y: 110.954, Pb: 16.19, Pr: -4.426
5PB 5/4 aproximado; exacta: Munsell 5PB 5/4 / #6f7a9b
#686e8d
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#686e8d
a Blanco#686e8d
a Negro#686e8d
primer plano
<p style="color: #686e8d">#686e8d primer plano</p>
#686e8d
fondo
<p style="background-color: #686e8d; color: #fff">#686e8d fondo</p>
#686e8d
borde
<p style="border: #686e8d 3px solid">#686e8d borde</p>
#686e8d
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #686e8d, #fff); background: -webkit-radial-gradient(50% 50%, #686e8d, #fff); background: -o-radial-gradient(50% 50%, #686e8d, #fff); background: -ms-radial-gradient(50% 50%, #686e8d, #fff); background: radial-gradient(50% 50%, #686e8d, #fff); color: #fff">#686e8d gradiente radial</p>
#686e8d
gradiente lineal hasta complementaria #8d8768
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #686e8d, #8d8768); background: -webkit-linear-gradient(top, #686e8d, #8d8768); background: -o-linear-gradient(top, #686e8d, #8d8768); background: -ms-linear-gradient(top, #686e8d, #8d8768); background: linear-gradient(top, #686e8d, #8d8768); color: #fff">
#686e8d
gradiente lineal hasta complementaria #8d8768
</p>
#686e8d
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #686e8d">#686e8d sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #686e8d
.
Ir a marca de pintura: