Composição de Gráficos
RGB
CMYK
RYB
#558fdc Código de Cor HexO código de cor hexadecimal #558fdc é uma forma de azul ciano. No modelo de cor RGB #558fdc é um compromisso de 33.33% vermelho, 56.08% verde e 86.27% azul. No espaço de cor HSL #558fdc tem tonalidade 214.22 graus, 65.85% saturação e 59.8% intensidade. Esta cor tem um comprimento de onda de aproximadamente 485 nm.
#558fdc InformaçãoInvertido
#aa7023 25% Saturado
#448cec Escala de Cinzentos
#989898
25% Mais Claro
#94b8e9 Original
#558fdc 25% Mais Escuro
#2767bd
Azul flor de milho / cornflowerblue
#6495ed 25% Dessaturado
#6591cb Segurança de Web: fuchsia
#ff00ff
rgb(85, 143, 220)
rgba(85, 143, 220, 1.0)
vermelho: 33.3333%, amarelo: 49.2431%, azul: 86.2745%
#558fdc
5607388
-11169828 / 0xff558fdc
hsl(214, 66%, 60%)
hsla(214, 66%, 60%, 1.0)
tonalidade: 214 (214.2222), saturação: 61 (61.3636), valor: 86 (86.2745)
X: 26.487, Y: 26.7435, Z: 71.4761
x: 0.2124, y: 0.2145, Y: 26.7435
L: 58.7362, a: 4.4504, b: -44.9634
L: 58.7362, u: -25.0673, v: -71.3686
L: 58.7362, C: 45.1831, H: 275.6526
L: 51.7141, a: 0.9247, b: -45.7471
ciano: 61 (0.6136), magenta: 35 (0.35), amarelo: 0 (0), preto: 14 (0.1373)
ciano: 67 (0.6667), magenta: 44 (0.4392), amarelo: 14 (0.1373)
Y: 134.436, I: -59.2888, Q: 11.6929
Y: 134.436, U: 42.107, V: -43.3708
Y: 134.436, Db: 128.741, Dr: 94.023
Y: 131.477, Cb: 170.387, Cr: 97.071
Y: 136.19, Pb: 45.17, Pr: -32.542
5PB 6/10 aproximado; correspondência exata: Munsell 5PB 6/10 / #6595e3
#558fdc / Combinações de Cores e HarmoniasFazer o Download da palete de cores em ASE (Adobe Swatch Exchange) ou formato GIMP .gpl.
#558fdc para Preto#558fdc para Branco#558fdc primeiro plano
<p style="color: #558fdc; background-color: #000">#558fdc primeiro plano</p>
#558fdc fundo
<p style="background-color: #558fdc">#558fdc fundo</p>
#558fdc margem
<p style="border: #558fdc 3px solid">#558fdc margem</p>
#558fdc degrade radical
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #558fdc, #fff); background: -webkit-radial-gradient(50% 50%, #558fdc, #fff); background: -o-radial-gradient(50% 50%, #558fdc, #fff); background: -ms-radial-gradient(50% 50%, #558fdc, #fff); background: radial-gradient(50% 50%, #558fdc, #fff)">#558fdc degrade radical</p>
#558fdc degrade linear para complementar #dca254
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #558fdc, #dca254); background: -webkit-linear-gradient(top, #558fdc, #dca254); background: -o-linear-gradient(top, #558fdc, #dca254); background: -ms-linear-gradient(top, #558fdc, #dca254); background: linear-gradient(top, #558fdc, #dca254); color: #000">#558fdc degrade linear para complementar #dca254</p>
#558fdc sombra de texto
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #558fdc">#558fdc sombra de texto</p>
As cores de tinta relacionadas estão listadas por relevância para o código de cor hex #558fdc. A relevância é determinada pela semelhança visual média das 4 tintas mais parecidas de cada marca de tinta com a hex cor #558fdc.
Saltar para marca de tinta: