#022a56
Código de Color HexEl código de color hexadecimal #022a56
es una sombra oscura de cian-azul. En el modelo de color RGB #022a56
dicho color se compone de 0.78% de rojo, 16.47% de verde y 33.73% de azul. En el espacio de color HSL #022a56
tiene un tono de 211.43 grados, 95.45% de saturación y 17.25% de luminosidad. Este color tiene una longitud de onda aproximada de 487 nm.
#022a56
InformaciónInvertido
#fdd5a9 25% saturado
#002958 Escala de grises
#2c2c2c
25% más ligero
#02346b Original
#022a56 25% más oscuro
#011f40
midnightblue
#191970 25% desaturado
#0c2a4b Colores web: navy
#000080
rgb(2, 42, 86)
rgba(2, 42, 86, 1.0)
rojo: 0.7843%, amarillo: 11.4105%, azul: 33.7255%
#022a56
141910
-16635306 / 0xff022a56
hsl(211, 95%, 17%)
hsla(211, 95%, 17%, 1.0)
matiz: 211 (211.4286), saturación: 98 (97.6744), valor: 34 (33.7255)
X: 2.5327, Y: 2.3407, Z: 9.1224
x: 0.181, y: 0.1672, Y: 2.3407
L: 17.1824, a: 6.3158, b: -30.3034
L: 17.1824, u: -9.383, v: -32.2303
L: 17.1824, C: 30.9546, H: 281.7729
L: 15.2994, a: 2.7755, b: -24.6426
cian: 98 (0.9767), magenta: 51 (0.5116), amarillo: 0 (0), key: 66 (0.6627)
cian: 99 (0.9922), magenta: 84 (0.8353), amarillo: 66 (0.6627)
Y: 35.056, I: -37.9642, Q: 5.2317
Y: 35.056, U: 25.0696, V: -29.0004
Y: 35.056, Db: 76.652, Dr: 62.868
Y: 46.11, Cb: 153.236, Cr: 107.316
Y: 36.648, Pb: 26.6, Pr: -22.024
5PB 2/6 aproximado; exacta: Munsell 5PB 2/6 / #13305d
#022a56
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#022a56
a Blanco#022a56
a Negro#022a56
primer plano
<p style="color: #022a56">#022a56 primer plano</p>
#022a56
fondo
<p style="background-color: #022a56; color: #fff">#022a56 fondo</p>
#022a56
borde
<p style="border: #022a56 3px solid">#022a56 borde</p>
#022a56
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022a56, #fff); background: -webkit-radial-gradient(50% 50%, #022a56, #fff); background: -o-radial-gradient(50% 50%, #022a56, #fff); background: -ms-radial-gradient(50% 50%, #022a56, #fff); background: radial-gradient(50% 50%, #022a56, #fff); color: #fff">#022a56 gradiente radial</p>
#022a56
gradiente lineal hasta complementaria #562e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022a56, #562e01); background: -webkit-linear-gradient(top, #022a56, #562e01); background: -o-linear-gradient(top, #022a56, #562e01); background: -ms-linear-gradient(top, #022a56, #562e01); background: linear-gradient(top, #022a56, #562e01); color: #fff">
#022a56
gradiente lineal hasta complementaria #562e01
</p>
#022a56
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022a56">#022a56 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #022a56
.
Ir a marca de pintura: