#022bbb
Código de Color HexEl código de color hexadecimal #022bbb
es una sombra oscura media de azul. En el modelo de color RGB #022bbb
dicho color se compone de 0.78% de rojo, 16.86% de verde y 73.33% de azul. En el espacio de color HSL #022bbb
tiene un tono de 226.7 grados, 97.88% de saturación y 37.06% de luminosidad. Este color tiene una longitud de onda aproximada de 477 nm.
#022bbb
InformaciónInvertido
#fdd444 25% saturado
#0029bc Escala de grises
#5e5e5e
25% más ligero
#0235e9 Original
#022bbb 25% más oscuro
#01208c
mediumblue
#0000cd 25% desaturado
#1937a3 Colores web: blue
#0000ff
rgb(2, 43, 187)
rgba(2, 43, 187, 1.0)
rojo: 0.7843%, amarillo: 13.9459%, azul: 73.3333%
#022bbb
142267
-16634949 / 0xff022bbb
hsl(227, 98%, 37%)
hsla(227, 98%, 37%, 1.0)
matiz: 227 (226.7027), saturación: 99 (98.9305), valor: 73 (73.3333)
X: 9.8586, Y: 5.3285, Z: 47.5226
x: 0.1572, y: 0.085, Y: 5.3285
L: 27.6509, a: 46.7739, b: -76.4483
L: 27.6509, u: -10.1095, v: -94.1581
L: 27.6509, C: 89.6223, H: 301.4598
L: 23.0836, a: 35.8377, b: -105.903
cian: 99 (0.9893), magenta: 77 (0.7701), amarillo: 0 (0), key: 27 (0.2667)
cian: 99 (0.9922), magenta: 83 (0.8314), amarillo: 27 (0.2667)
Y: 47.157, I: -70.6862, Q: 36.1337
Y: 47.157, U: 68.8168, V: -39.6164
Y: 47.157, Db: 210.402, Dr: 85.901
Y: 56.512, Cb: 197.284, Cr: 99.777
Y: 44.635, Pb: 76.715, Pr: -27.124
7.5PB 3/18 aproximado; exacta: Munsell 7.5PB 3/18 / #342ec0
#022bbb
/ Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#022bbb
a Blanco#022bbb
a Negro#022bbb
primer plano
<p style="color: #022bbb">#022bbb primer plano</p>
#022bbb
fondo
<p style="background-color: #022bbb; color: #fff">#022bbb fondo</p>
#022bbb
borde
<p style="border: #022bbb 3px solid">#022bbb borde</p>
#022bbb
gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022bbb, #fff); background: -webkit-radial-gradient(50% 50%, #022bbb, #fff); background: -o-radial-gradient(50% 50%, #022bbb, #fff); background: -ms-radial-gradient(50% 50%, #022bbb, #fff); background: radial-gradient(50% 50%, #022bbb, #fff); color: #fff">#022bbb gradiente radial</p>
#022bbb
gradiente lineal hasta complementaria #bb9201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022bbb, #bb9201); background: -webkit-linear-gradient(top, #022bbb, #bb9201); background: -o-linear-gradient(top, #022bbb, #bb9201); background: -ms-linear-gradient(top, #022bbb, #bb9201); background: linear-gradient(top, #022bbb, #bb9201); color: #fff">
#022bbb
gradiente lineal hasta complementaria #bb9201
</p>
#022bbb
sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022bbb">#022bbb sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #022bbb
.
Ir a marca de pintura: