Composição de Gráficos
RGB
CMYK
RYB
#02a4cc Código de Cor HexO código de cor hexadecimal #02a4cc é uma forma de ciano. No modelo de cor RGB #02a4cc é um compromisso de 0.78% vermelho, 64.31% verde e 80% azul. No espaço de cor HSL #02a4cc tem tonalidade 191.88 graus, 98.06% saturação e 40.39% intensidade. Esta cor tem um comprimento de onda de aproximadamente 499 nm.
#02a4cc InformaçãoInvertido
#fd5b33 25% Saturado
#00a5ce Escala de Cinzentos
#676767
25% Mais Claro
#04cbfc Original
#02a4cc 25% Mais Escuro
#017a99
Azul céu profundo / deepskyblue
#00bfff 25% Dessaturado
#1b94b2 Segurança de Web: teal
#008080
rgb(2, 164, 204)
rgba(2, 164, 204, 1.0)
vermelho: 0.7843%, amarelo: 36.0396%, azul: 80%
#02a4cc
173260
-16603956 / 0xff02a4cc
hsl(192, 98%, 40%)
hsla(192, 98%, 40%, 1.0)
tonalidade: 192 (191.8812), saturação: 99 (99.0196), valor: 80 (80)
X: 24.1996, Y: 30.9235, Z: 61.8201
x: 0.2069, y: 0.2644, Y: 30.9235
L: 62.443, a: -21.2132, b: -30.3635
L: 62.443, u: -43.9308, v: -44.738
L: 62.443, C: 37.0397, H: 235.0603
L: 55.6089, a: -19.6368, b: -26.9862
ciano: 99 (0.9902), magenta: 20 (0.1961), amarelo: 0 (0), preto: 20 (0.2)
ciano: 99 (0.9922), magenta: 36 (0.3569), amarelo: 20 (0.2)
Y: 120.122, I: -109.3565, Q: -21.8105
Y: 120.122, U: 41.2767, V: -103.6304
Y: 120.122, Db: 126.22, Dr: 224.626
Y: 119.162, Cb: 169.536, Cr: 54.042
Y: 132.374, Pb: 38.63, Pr: -82.84
5B 6/8 aproximado; correspondência exata: Munsell 5B 6/8 / #18a1c9
#02a4cc / Combinações de Cores e HarmoniasFazer o Download da palete de cores em ASE (Adobe Swatch Exchange) ou formato GIMP .gpl.
#02a4cc para Preto#02a4cc para Branco#02a4cc primeiro plano
<p style="color: #02a4cc">#02a4cc primeiro plano</p>
#02a4cc fundo
<p style="background-color: #02a4cc; color: #fff">#02a4cc fundo</p>
#02a4cc margem
<p style="border: #02a4cc 3px solid">#02a4cc margem</p>
#02a4cc degrade radical
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a4cc, #fff); background: -webkit-radial-gradient(50% 50%, #02a4cc, #fff); background: -o-radial-gradient(50% 50%, #02a4cc, #fff); background: -ms-radial-gradient(50% 50%, #02a4cc, #fff); background: radial-gradient(50% 50%, #02a4cc, #fff); color: #fff">#02a4cc degrade radical</p>
#02a4cc degrade linear para complementar #cc2a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a4cc, #cc2a01); background: -webkit-linear-gradient(top, #02a4cc, #cc2a01); background: -o-linear-gradient(top, #02a4cc, #cc2a01); background: -ms-linear-gradient(top, #02a4cc, #cc2a01); background: linear-gradient(top, #02a4cc, #cc2a01); color: #fff">#02a4cc degrade linear para complementar #cc2a01</p>
#02a4cc sombra de texto
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a4cc">#02a4cc sombra de texto</p>
As cores de tinta relacionadas estão listadas por relevância para o código de cor hex #02a4cc. A relevância é determinada pela semelhança visual média das 4 tintas mais parecidas de cada marca de tinta com a hex cor #02a4cc.
Saltar para marca de tinta: