#106aa0
Código de Color HexEl código de color hexadecimal #106aa0
es una sombra oscura media de cian-azul. En el modelo de color RGB #106aa0
dicho color se compone de 6.27% de rojo, 41.57% de verde y 62.75% de azul. En el espacio de color HSL #106aa0
tiene un tono de 202.5 grados, 81.82% de saturación y 34.51% de luminosidad. Este color tiene una longitud de onda aproximada de 493 nm.
#106aa0
InformaciónInvertido
#ef955f 25% saturado
#006db0 Escala de grises
#585858
25% más ligero
#1384c8 Original
#106aa0 25% más oscuro
#0b4f78
Steel blue / steelblue
#4682b4 25% desaturado
#21658e Colores web: blue
#0000ff
rgb(16, 106, 160)
rgba(16, 106, 160, 1.0)
rojo: 6.2745%, amarillo: 27.994%, azul: 62.7451%
#106aa0
1075872
-15701344 / 0xff106aa0
hsl(203, 82%, 35%)
hsla(203, 82%, 35%, 1.0)
matiz: 203 (202.5), saturación: 90 (90), valor: 63 (62.7451)
X: 11.7129, Y: 12.9563, Z: 35.1412
x: 0.1958, y: 0.2166, Y: 12.9563
L: 42.6973, a: -4.1896, b: -35.9855
L: 42.6973, u: -26.3236, v: -52.1618
L: 42.6973, C: 36.2286, H: 263.3593
L: 35.9949, a: -4.9063, b: -32.6875
cian: 90 (0.9), magenta: 34 (0.3375), amarillo: 0 (0), key: 37 (0.3725)
cian: 94 (0.9373), magenta: 58 (0.5843), amarillo: 37 (0.3725)
Y: 85.246, I: -70.9626, Q: -2.2298
Y: 85.246, U: 36.7868, V: -60.7505
Y: 85.246, Db: 112.482, Dr: 131.688
Y: 89.216, Cb: 165.026, Cr: 84.656
Y: 90.718, Pb: 37.35, Pr: -47.484
10B 4/8 (aproximado)
#106aa0
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#106aa0
a Blanco#106aa0
a Negro#106aa0
primer plano
<p style="color: #106aa0">#106aa0 primer plano</p>
#106aa0
fondo
<p style="background-color: #106aa0; color: #fff">#106aa0 fondo</p>
#106aa0
borde
<p style="border: #106aa0 3px solid">#106aa0 borde</p>
#106aa0
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #106aa0, #fff); background: -webkit-radial-gradient(50% 50%, #106aa0, #fff); background: -o-radial-gradient(50% 50%, #106aa0, #fff); background: -ms-radial-gradient(50% 50%, #106aa0, #fff); background: radial-gradient(50% 50%, #106aa0, #fff); color: #fff">#106aa0 gradiente radial</p>
#106aa0
gradiente lineal hasta complementaria #a0450f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #106aa0, #a0450f); background: -webkit-linear-gradient(top, #106aa0, #a0450f); background: -o-linear-gradient(top, #106aa0, #a0450f); background: -ms-linear-gradient(top, #106aa0, #a0450f); background: linear-gradient(top, #106aa0, #a0450f); color: #fff">
#106aa0
gradiente lineal hasta complementaria #a0450f
</p>
#106aa0
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #106aa0">#106aa0 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #106aa0
.
Ir a marca de pintura: