#306E8A cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #306E8A

#306E8A

Em um espaço de cores RGB, hex #306E8A é composto de 19% vermelho, 43% verde e 54% azul. O código de cores RGB é composto por um componente hexadecimal 30 vermelho (48/255), um 6E verde (110/255) e um componente 8A azul (138/255). O código de cores RGB decimal é rgb(48,110,138) No espaço de cores CMYK, é composto por 65% ciano, 20% magenta, 0% amarelo e 46% preto. Tem um ângulo de matiz de 198.67o graus, uma saturação de 48% e uma luminosidade de 36%. A cor websafe mais próxima é: #336699 rgb (51, 102, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #306E8A possui valores RGB de R:48, G:110, B:138 e valores CMYK de C:65, M:20, Y:0, K:46. Seu valor decimal é 3174026. O código binário é 1100000110111010001010
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 306E8A  #306E8A RGB decimal 48, 110, 138  rgb(48, 110, 138) RGB % 19, 43, 54  rgb(19%, 43%, 54%) RGB Adobe 74, 110, 136 CMYK % 65, 20, 0, 46  65%, 20%, 0%, 46% HSL 198.67o, 48, 36  hsl(198.67o, 48%, 36%) HSV (HSB) 199o, 65%, 54%  hsv(199o, 65%, 54%)

Web Safe cor #336699 rgb (51, 102, 153) XYZ 11.382, 13.615 26.073 xyY 0.22, 0.27, 13.62 Hunter-Lab 36.9, -7.66, -18.77 CMY 81%, 57%, 46% Lab 43.32, -13.73, -21.8 Binário cor 30 6E 8A 110000 1101110 10001010

Tons e matizes de #306E8A

---

Um tom é obtido adicionando preto à cor original no código de matiz.
Um tom é criado pela mistura de cor com branco.
Use a paleta para escolher uma cor ou os controles deslizantes para definir os componentes RGB, HSV, CMYK.
Por exemplo aqui: #0A161A é a cor mais escura e: #D6E2E9 é a mais clara.

Variação de tonalidade #306E8A

#4F849C rgb (79,132,156) #4F849C #6996AB rgb (105,150,171) #6996AB #80A6B8 rgb (128,166,184) #80A6B8 #93B3C3 rgb (147,179,195) #93B3C3 #A3BECC rgb (163,190,204) #A3BECC #B1C8D4 rgb (177,200,212) #B1C8D4 #BDD0DA rgb (189,208,218) #BDD0DA #C7D7E0 rgb (199,215,224) #C7D7E0 #CFDDE5 rgb (207,221,229) #CFDDE5 #D6E2E9 rgb (214,226,233) #D6E2E9

Variação de cor de sombra

#295E75 rgb (41,94,117) #295E75 #235063 rgb (35,80,99) #235063 #1E4454 rgb (30,68,84) #1E4454 #1A3A47 rgb (26,58,71) #1A3A47 #16313C rgb (22,49,60) #16313C #132A33 rgb (19,42,51) #132A33 #10242B rgb (16,36,43) #10242B #0E1F25 rgb (14,31,37) #0E1F25 #0C1A1F rgb (12,26,31) #0C1A1F #0A161A rgb (10,22,26) #0A161A

Tons de #306E8A

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #387089 é a cor menos saturada e #647A85 é a mais saturada.

#387089 rgb (56,112,137) #387089 #3F7288 rgb (63,114,136) #3F7288 #467387 rgb (70,115,135) #467387 #4C7486 rgb (76,116,134) #4C7486 #517585 rgb (81,117,133) #517585 #567685 rgb (86,118,133) #567685 #5A7785 rgb (90,119,133) #5A7785 #5E7885 rgb (94,120,133) #5E7885 #617985 rgb (97,121,133) #617985 #647A85 rgb (100,122,133) #647A85

Alternativas para #306E8A

---

Abaixo, você pode ver algumas cores próximas a #306E8A. Ter um conjunto de cores relacionadas pode ser útil se você precisar de uma alternativa inspiradora ou outras cores próximas à sua escolha de cor original.

#30328A rgb (48,50,138) #30328A #30468A rgb (48,70,138) #30468A #305A8A rgb (48,90,138) #305A8A #30828A rgb (48,130,138) #30828A #30968A rgb (48,150,138) #30968A #30AA8A rgb (48,170,138) #30AA8A

Uso rápido #306E8A

---

Como usar esta cor em páginas da web, scripts ou outras linguagens de programação usando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Cor do texto	Exemplo de cor de fundo
Cor do texto	Exemplo de cor de fundo
<font color="#306E8A;">Text here</font>	<div style="background-color:#306E8A;">Text here</div>

Visualização de cores em fundo preto	Visualização de cores em fundo branco
visualização de cores em fundo preto	visualização de cores em fundo branco
HTML código <div style="background-color:#000000"> <font color="#306E8A;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#306E8A;">Text here</font> </div>

Sombra da caixa div	Código CSS de sombra de texto
Sombra da caixa por cor #306E8A	código CSS de sombra de texto
HTML código <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #306E8A;"></div> CSS código .box-shadow: 2px 2px 7px 1px;	CSS código .text-shadow: 1px 2px 2px #306E8A;

Código html da borda da caixa	Sombra de texto com valores RGB por cor #306E8A
código html da borda da caixa por cor #306E8A	sombra de texto com valores RGB
HTML código <div style="background-color:#FFFFFF; border:1px solid #306E8A;"></div>	CSS código with RGB .text-shadow: 0px 2px 2px rgba(48, 110, 138, 1.4);

Código pré-formatado 306E8A	código por script / programming
HTML, CSS:	= #306E8A; rgb(48, 110, 138)
Java:	= new Color(48, 110, 138)
.NET:	= Color.FromArgb (48, 110, 138);
Xojo:	= rgb (48, 110, 138, 0);
openGL:	= glColor3f (0.19f, 0.43f, 0.54f);
Swift:	= UIColor(red:0.19, green:0.43, blue:0.54, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.43 blue:0.54 alpha:1.00000];

Esquemas de cores com #306E8A

---

Cor monocromática Esquemas de cores monocromáticos são fáceis de criar porque usam apenas uma cor. Esquemas monocromáticos usam tons diferentes do mesmo ângulo na roda de cores (o mesmo ângulo) Basta alterar a saturação de cor +10% e você terá uma nova cor monocromática. Na cor do nosso case: 65% tem uma saturação #306E8A. Adicionando 65% + 10% = 75% de saturação para nossa nova cor #194C63. Diminuindo 65% - 10% = 55% saturação para outras cores monocromáticas #4F91B0. #4f91b0 rgb (79,145,176) #4f91b0 55% saturação #4f3f4a rgb (41,63,74) #4f3f4a 45% saturação #194c63 rgb (25,76,99) #194c63 75% saturação #0b364a rgb (11,54,74) #0b364a 85% saturação

Cor análoga Esquemas de cores análogos são criados usando cores próximas umas das outras na roda de cores. Apenas +/- 30o nas laterais do ângulo de matiz da cor #30418A rgb (48,65,138) #30418A 229o #306E8A rgb (48,110,138) #306E8A 199o #308A79 rgb (48,138,121) #308A79 169o

Cor complementar Esquemas complementares são criados combinando cores de lados opostos da roda de cores. Basta adicionar 180 graus ao matiz / ângulo da cor e você terá a cor complementar. Na cor do nosso case: #306E8A tem um ângulo 199o. Adicionando 199o + 180o = 19oo para nossa nova cor complementar #8A4D30. #306E8A rgb (48,110,138) #306E8A 199o #8A4D30 rgb (138,77,48) #8A4D30 19o

Dividir cor Esquemas compostos ou esquemas complementares divididos são quase o mesmo que esquemas complementares. Em vez de usar cores opostas, ele usa cores em ambos os lados do ângulo de matiz oposto. Na cor da nossa caixa: #306E8A tem um ângulo 199o. Adicionando 199o + 180o+30o = 49o para nossa primeira cor complementar #8A7930. Diminuindo 199o + 180o-30o = 349o para a segunda cor complementar #8A3041. #8A3041 rgb (138,48,65) #8A3041 349o #306E8A rgb (48,110,138) #306E8A 199o #8A7930 rgb (138,121,48) #8A7930 49o

Cor triádica Esquemas triádicos são compostos de matizes/ângulos igualmente espaçados ao redor da roda de cores. Adicione e diminua +/- 120 graus em ambos os lados do ângulo de matiz da cor. #8A306D rgb (138,48,109) #8A306D 319o #306E8A rgb (48,110,138) #306E8A 199o #6D8A30 rgb (109,138,48) #6D8A30 79o

Cor tetrádica Esquemas tetrádicos são compostos de matizes/ângulos espaçados ao redor da roda de cores. Adicione 120.180.300 graus no ângulo de matiz da cor. #8A306D rgb (138,48,109) #8A306D 319o #306E8A rgb (48,110,138) #306E8A 199o #8A4D30 rgb (138,77,48) #8A4D30 19o #308A4D rgb (48,138,77) #308A4D 139o