#3AE0BB cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #3AE0BB

#3AE0BB

Em um espaço de cores RGB, hex #3AE0BB é composto de 23% vermelho, 88% verde e 73% azul. O código de cores RGB é composto por um componente hexadecimal 3A vermelho (58/255), um E0 verde (224/255) e um componente BB azul (187/255). O código de cores RGB decimal é rgb(58,224,187) No espaço de cores CMYK, é composto por 74% ciano, 0% magenta, 17% amarelo e 12% preto. Tem um ângulo de matiz de 166.63o graus, uma saturação de 73% e uma luminosidade de 55%. A cor websafe mais próxima é: #33cccc rgb (51, 204, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #3AE0BB possui valores RGB de R:58, G:224, B:187 e valores CMYK de C:74, M:0, Y:17, K:12. Seu valor decimal é 3858619. O código binário é 1110101110000010111011
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 3AE0BB  #3AE0BB RGB decimal 58, 224, 187  rgb(58, 224, 187) RGB % 23, 88, 73  rgb(23%, 88%, 73%) RGB Adobe 134, 223, 187 CMYK % 74, 0, 17, 12  74%, 0%, 17%, 12% HSL 166.63o, 73, 55  hsl(166.63o, 73%, 55%) HSV (HSB) 167o, 74%, 88%  hsv(167o, 74%, 88%)

Web Safe cor #33cccc rgb (51, 204, 204) XYZ 37.37, 57.799 56.2 xyY 0.25, 0.38, 57.8 Hunter-Lab 76.03, -41.9, 5.45 CMY 77%, 12%, 27% Lab 80.4, -50.03, 5.53 Binário cor 3A E0 BB 111010 11100000 10111011

Tons e matizes de #3AE0BB

---

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: #0C2B25 é a cor mais escura e: #D8F9F1 é a mais clara.

Variação de tonalidade #3AE0BB

#58E5C5 rgb (88,229,197) #58E5C5 #71E9CE rgb (113,233,206) #71E9CE #86ECD5 rgb (134,236,213) #86ECD5 #98EFDB rgb (152,239,219) #98EFDB #A7F1E0 rgb (167,241,224) #A7F1E0 #B4F3E5 rgb (180,243,229) #B4F3E5 #BFF5E9 rgb (191,245,233) #BFF5E9 #C9F7EC rgb (201,247,236) #C9F7EC #D1F8EF rgb (209,248,239) #D1F8EF #D8F9F1 rgb (216,249,241) #D8F9F1

Variação de cor de sombra

#31BE9F rgb (49,190,159) #31BE9F #2AA287 rgb (42,162,135) #2AA287 #248A73 rgb (36,138,115) #248A73 #1F7562 rgb (31,117,98) #1F7562 #1A6353 rgb (26,99,83) #1A6353 #165447 rgb (22,84,71) #165447 #13473C rgb (19,71,60) #13473C #103C33 rgb (16,60,51) #103C33 #0E332B rgb (14,51,43) #0E332B #0C2B25 rgb (12,43,37) #0C2B25

Tons de #3AE0BB

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #41D6B5 é a cor menos saturada e #68A195 é a mais saturada.

#41D6B5 rgb (65,214,181) #41D6B5 #47CDB0 rgb (71,205,176) #47CDB0 #4DC5AB rgb (77,197,171) #4DC5AB #52BEA7 rgb (82,190,167) #52BEA7 #57B8A3 rgb (87,184,163) #57B8A3 #5BB2A0 rgb (91,178,160) #5BB2A0 #5FAD9D rgb (95,173,157) #5FAD9D #62A99A rgb (98,169,154) #62A99A #65A597 rgb (101,165,151) #65A597 #68A195 rgb (104,161,149) #68A195

Alternativas para #3AE0BB

---

Abaixo, você pode ver algumas cores próximas a #3AE0BB. 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.

#3AA4BB rgb (58,164,187) #3AA4BB #3AB8BB rgb (58,184,187) #3AB8BB #3ACCBB rgb (58,204,187) #3ACCBB #3AF4BB rgb (58,244,187) #3AF4BB #4EFFBB rgb (78,255,187) #4EFFBB #62FFBB rgb (98,255,187) #62FFBB

Uso rápido #3AE0BB

---

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="#3AE0BB;">Text here</font>	<div style="background-color:#3AE0BB;">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="#3AE0BB;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#3AE0BB;">Text here</font> </div>

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

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

Código pré-formatado 3AE0BB	código por script / programming
HTML, CSS:	= #3AE0BB; rgb(58, 224, 187)
Java:	= new Color(58, 224, 187)
.NET:	= Color.FromArgb (58, 224, 187);
Xojo:	= rgb (58, 224, 187, 0);
openGL:	= glColor3f (0.23f, 0.88f, 0.73f);
Swift:	= UIColor(red:0.23, green:0.88, blue:0.73, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.23 green:0.88 blue:0.73 alpha:1.00000];

Esquemas de cores com #3AE0BB

---

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: 74% tem uma saturação #3AE0BB. Adicionando 74% + 10% = 84% de saturação para nossa nova cor #1EBA98. Diminuindo 74% - 10% = 64% saturação para outras cores monocromáticas #5CFFDC. #5cffdc rgb (92,255,220) #5cffdc 64% saturação #5ca18e rgb (74,161,142) #5ca18e 54% saturação #1eba98 rgb (30,186,152) #1eba98 84% saturação #0aa180 rgb (10,161,128) #0aa180 94% 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 #3AB1E0 rgb (58,177,224) #3AB1E0 197o #3AE0BB rgb (58,224,187) #3AE0BB 167o #3AE069 rgb (58,224,105) #3AE069 137o

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: #3AE0BB tem um ângulo 167o. Adicionando 167o + 180o = 347oo para nossa nova cor complementar #E03A5E. #3AE0BB rgb (58,224,187) #3AE0BB 167o #E03A5E rgb (224,58,94) #E03A5E 347o

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: #3AE0BB tem um ângulo 167o. Adicionando 167o + 180o+30o = 17o para nossa primeira cor complementar #E0693A. Diminuindo 167o + 180o-30o = 317o para a segunda cor complementar #E03AB1. #E03AB1 rgb (224,58,177) #E03AB1 317o #3AE0BB rgb (58,224,187) #3AE0BB 167o #E0693A rgb (224,105,58) #E0693A 17o

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. #BC3AE0 rgb (188,58,224) #BC3AE0 287o #3AE0BB rgb (58,224,187) #3AE0BB 167o #E0BC3A rgb (224,188,58) #E0BC3A 47o

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. #BC3AE0 rgb (188,58,224) #BC3AE0 287o #3AE0BB rgb (58,224,187) #3AE0BB 167o #E03A5E rgb (224,58,94) #E03A5E 347o #5EE03A rgb (94,224,58) #5EE03A 107o