Gráficos Composición
RGB
CMYK
RYB
#337fb3 Código de Color HexEl código de color hexadecimal #337fb3 es una sombra de cian-azul. En el modelo de color RGB #337fb3 dicho color se compone de 20% de rojo, 49.8% de verde y 70.2% de azul. En el espacio de color HSL #337fb3 tiene un tono de 204.38 grados, 55.65% de saturación y 45.1% de luminosidad. Este color tiene una longitud de onda aproximada de 491 nm. Graham & Brown Mater the Greater es un color de pintura a juego.
#337fb3 InformaciónInvertido
#cc804c 25% saturado
#2281c3 Escala de grises
#727272
25% más ligero
#519bcd Original
#337fb3 25% más oscuro
#265f86
Steel blue / steelblue
#4682b4 25% desaturado
#427ba3 Colores web: teal
#008080
rgb(51, 127, 179)
rgba(51, 127, 179, 1.0)
rojo: 20%, amarillo: 38.7005%, azul: 70.1961%
#337fb3
3375027
-13402189 / 0xff337fb3
hsl(204, 56%, 45%)
hsla(204, 56%, 45%, 1.0)
matiz: 204 (204.375), saturación: 72 (71.5084), valor: 70 (70.1961)
X: 17.0913, Y: 19.1372, Z: 45.4409
x: 0.2093, y: 0.2343, Y: 19.1372
L: 50.8474, a: -5.9188, b: -34.2061
L: 50.8474, u: -28.1798, v: -51.105
L: 50.8474, C: 34.7144, H: 260.1831
L: 43.7461, a: -6.817, b: -30.9647
cian: 72 (0.7151), magenta: 29 (0.2905), amarillo: 0 (0), key: 30 (0.298)
cian: 80 (0.8), magenta: 50 (0.502), amarillo: 30 (0.298)
Y: 110.204, I: -61.9801, Q: 0.1084
Y: 110.204, U: 33.8551, V: -51.9405
Y: 110.204, Db: 103.516, Dr: 112.592
Y: 110.657, Cb: 162.076, Cr: 90.944
Y: 114.556, Pb: 34.74, Pr: -40.392
10B 5/8 aproximado; exacta: Munsell 10B 5/8 / #2c81b5
#337fb3 / Combinaciones de color y armoníasDescarga paleta de colores en formato de ASE (Adobe Swatch Exchange) o GIMP .gpl.
#337fb3 a Blanco#337fb3 a Negro#337fb3 primer plano
<p style="color: #337fb3">#337fb3 primer plano</p>
#337fb3 fondo
<p style="background-color: #337fb3; color: #fff">#337fb3 fondo</p>
#337fb3 borde
<p style="border: #337fb3 3px solid">#337fb3 borde</p>
#337fb3 gradiente radial
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #337fb3, #fff); background: -webkit-radial-gradient(50% 50%, #337fb3, #fff); background: -o-radial-gradient(50% 50%, #337fb3, #fff); background: -ms-radial-gradient(50% 50%, #337fb3, #fff); background: radial-gradient(50% 50%, #337fb3, #fff); color: #fff">#337fb3 gradiente radial</p>
#337fb3 gradiente lineal hasta complementaria #b26633
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #337fb3, #b26633); background: -webkit-linear-gradient(top, #337fb3, #b26633); background: -o-linear-gradient(top, #337fb3, #b26633); background: -ms-linear-gradient(top, #337fb3, #b26633); background: linear-gradient(top, #337fb3, #b26633); color: #fff">#337fb3 gradiente lineal hasta complementaria #b26633</p>
#337fb3 sombra texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #337fb3">#337fb3 sombra texto</p>
Los colores de la pintura a juego están listados en orden de relevancia para el código hexadecimal del color #337fb3.
Ir a marca de pintura: