#456f9e
Código de Color HexEl código de color hexadecimal #456f9e
es una sombra de cian-azul. En el modelo de color RGB #456f9e
dicho color se compone de 27.06% de rojo, 43.53% de verde y 61.96% de azul. En el espacio de color HSL #456f9e
tiene un tono de 211.69 grados, 39.21% de saturación y 44.51% de luminosidad. Este color tiene una longitud de onda aproximada de 487 nm. Sikkens U0.30.40 es un color de pintura a juego.
#456f9e
InformaciónInvertido
#ba9061 25% saturado
#396ea9 Escala de grises
#717171
25% más ligero
#618bba Original
#456f9e 25% más oscuro
#335376
Steel blue / steelblue
#4682b4 25% desaturado
#506f92 Colores web: blue
#0000ff
rgb(69, 111, 158)
rgba(69, 111, 158, 1.0)
rojo: 27.0588%, amarillo: 38.2488%, azul: 61.9608%
#456f9e
4550558
-12226658 / 0xff456f9e
hsl(212, 39%, 45%)
hsla(212, 39%, 45%, 1.0)
matiz: 212 (211.6854), saturación: 56 (56.3291), valor: 62 (61.9608)
X: 14.3102, Y: 15.1027, Z: 34.5086
x: 0.2239, y: 0.2363, Y: 15.1027
L: 45.7746, a: -0.275, b: -29.8518
L: 45.7746, u: -18.8183, v: -43.8207
L: 45.7746, C: 29.8531, H: 269.4721
L: 38.8622, a: -2.2798, b: -25.4444
cian: 56 (0.5633), magenta: 30 (0.2975), amarillo: 0 (0), key: 38 (0.3804)
cian: 73 (0.7294), magenta: 56 (0.5647), amarillo: 38 (0.3804)
Y: 103.8, I: -40.1194, Q: 5.7422
Y: 103.8, U: 26.6726, V: -30.5305
Y: 103.8, Db: 81.551, Dr: 66.185
Y: 105.161, Cb: 154.849, Cr: 106.225
Y: 105.438, Pb: 28.33, Pr: -23.162
2.5PB 4/6 aproximado; exacta: Munsell 2.5PB 4/6 / #3d638f
#456f9e
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#456f9e
a Blanco#456f9e
a Negro#456f9e
primer plano
<p style="color: #456f9e">#456f9e primer plano</p>
#456f9e
fondo
<p style="background-color: #456f9e; color: #fff">#456f9e fondo</p>
#456f9e
borde
<p style="border: #456f9e 3px solid">#456f9e borde</p>
#456f9e
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #456f9e, #fff); background: -webkit-radial-gradient(50% 50%, #456f9e, #fff); background: -o-radial-gradient(50% 50%, #456f9e, #fff); background: -ms-radial-gradient(50% 50%, #456f9e, #fff); background: radial-gradient(50% 50%, #456f9e, #fff); color: #fff">#456f9e gradiente radial</p>
#456f9e
gradiente lineal hasta complementaria #9e7444
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #456f9e, #9e7444); background: -webkit-linear-gradient(top, #456f9e, #9e7444); background: -o-linear-gradient(top, #456f9e, #9e7444); background: -ms-linear-gradient(top, #456f9e, #9e7444); background: linear-gradient(top, #456f9e, #9e7444); color: #fff">
#456f9e
gradiente lineal hasta complementaria #9e7444
</p>
#456f9e
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #456f9e">#456f9e sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #456f9e
.
Ir a marca de pintura: