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

#3BA88F

Em um espaço de cores RGB, hex #3BA88F é composto de 23% vermelho, 66% verde e 56% azul. O código de cores RGB é composto por um componente hexadecimal 3B vermelho (59/255), um A8 verde (168/255) e um componente 8F azul (143/255). O código de cores RGB decimal é rgb(59,168,143) No espaço de cores CMYK, é composto por 65% ciano, 0% magenta, 15% amarelo e 34% preto. Tem um ângulo de matiz de 166.24o graus, uma saturação de 48% e uma luminosidade de 45%. A cor websafe mais próxima é: #339999 rgb (51, 153, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #3BA88F possui valores RGB de R:59, G:168, B:143 e valores CMYK de C:65, M:0, Y:15, K:34. Seu valor decimal é 3909775. O código binário é 1110111010100010001111
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 3BA88F  #3BA88F RGB decimal 59, 168, 143  rgb(59, 168, 143) RGB % 23, 66, 56  rgb(23%, 66%, 56%) RGB Adobe 105, 166, 143 CMYK % 65, 0, 15, 34  65%, 0%, 15%, 34% HSL 166.24o, 48, 45  hsl(166.24o, 48%, 45%) HSV (HSB) 166o, 65%, 66%  hsv(166o, 65%, 66%)

Web Safe cor #339999 rgb (51, 153, 153) XYZ 20.764, 30.918 30.86 xyY 0.25, 0.37, 30.92 Hunter-Lab 55.6, -28.12, 3.11 CMY 77%, 34%, 44% Lab 62.26, -36.91, 3.39 Binário cor 3B A8 8F 111011 10101000 10001111

Tons e matizes de #3BA88F

---

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

Variação de tonalidade #3BA88F

#58B5A0 rgb (88,181,160) #58B5A0 #71C0AE rgb (113,192,174) #71C0AE #86C9BA rgb (134,201,186) #86C9BA #98D1C4 rgb (152,209,196) #98D1C4 #A7D8CD rgb (167,216,205) #A7D8CD #B4DED5 rgb (180,222,213) #B4DED5 #BFE3DB rgb (191,227,219) #BFE3DB #C9E7E0 rgb (201,231,224) #C9E7E0 #D1EBE5 rgb (209,235,229) #D1EBE5 #D8EEE9 rgb (216,238,233) #D8EEE9

Variação de cor de sombra

#328F7A rgb (50,143,122) #328F7A #2B7A68 rgb (43,122,104) #2B7A68 #256858 rgb (37,104,88) #256858 #1F584B rgb (31,88,75) #1F584B #1A4B40 rgb (26,75,64) #1A4B40 #164036 rgb (22,64,54) #164036 #13362E rgb (19,54,46) #13362E #102E27 rgb (16,46,39) #102E27 #0E2721 rgb (14,39,33) #0E2721 #0C211C rgb (12,33,28) #0C211C

Tons de #3BA88F

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #42A48E é a cor menos saturada e #698E85 é a mais saturada.

#42A48E rgb (66,164,142) #42A48E #48A08D rgb (72,160,141) #48A08D #4E9D8C rgb (78,157,140) #4E9D8C #539A8B rgb (83,154,139) #539A8B #58978A rgb (88,151,138) #58978A #5C9589 rgb (92,149,137) #5C9589 #609388 rgb (96,147,136) #609388 #639187 rgb (99,145,135) #639187 #668F86 rgb (102,143,134) #668F86 #698E85 rgb (105,142,133) #698E85

Alternativas para #3BA88F

---

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

#3B6C8F rgb (59,108,143) #3B6C8F #3B808F rgb (59,128,143) #3B808F #3B948F rgb (59,148,143) #3B948F #3BBC8F rgb (59,188,143) #3BBC8F #3BD08F rgb (59,208,143) #3BD08F #3BE48F rgb (59,228,143) #3BE48F

Uso rápido #3BA88F

---

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

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

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

Código pré-formatado 3BA88F	código por script / programming
HTML, CSS:	= #3BA88F; rgb(59, 168, 143)
Java:	= new Color(59, 168, 143)
.NET:	= Color.FromArgb (59, 168, 143);
Xojo:	= rgb (59, 168, 143, 0);
openGL:	= glColor3f (0.23f, 0.66f, 0.56f);
Swift:	= UIColor(red:0.23, green:0.66, blue:0.56, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.23 green:0.66 blue:0.56 alpha:1.00000];

Esquemas de cores com #3BA88F

---

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 #3BA88F. Adicionando 65% + 10% = 75% de saturação para nossa nova cor #21826B. Diminuindo 65% - 10% = 55% saturação para outras cores monocromáticas #5DCFB4. #5dcfb4 rgb (93,207,180) #5dcfb4 55% saturação #5d695e rgb (58,105,94) #5d695e 45% saturação #21826b rgb (33,130,107) #21826b 75% saturação #106954 rgb (16,105,84) #106954 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 #3B8BA8 rgb (59,139,168) #3B8BA8 196o #3BA88F rgb (59,168,143) #3BA88F 166o #3BA858 rgb (59,168,88) #3BA858 136o

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: #3BA88F tem um ângulo 166o. Adicionando 166o + 180o = 346oo para nossa nova cor complementar #A83B54. #3BA88F rgb (59,168,143) #3BA88F 166o #A83B54 rgb (168,59,84) #A83B54 346o

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: #3BA88F tem um ângulo 166o. Adicionando 166o + 180o+30o = 16o para nossa primeira cor complementar #A8583B. Diminuindo 166o + 180o-30o = 316o para a segunda cor complementar #A83B8B. #A83B8B rgb (168,59,139) #A83B8B 316o #3BA88F rgb (59,168,143) #3BA88F 166o #A8583B rgb (168,88,59) #A8583B 16o

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. #8F3BA8 rgb (143,59,168) #8F3BA8 286o #3BA88F rgb (59,168,143) #3BA88F 166o #A88F3B rgb (168,143,59) #A88F3B 46o

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. #8F3BA8 rgb (143,59,168) #8F3BA8 286o #3BA88F rgb (59,168,143) #3BA88F 166o #A83B54 rgb (168,59,84) #A83B54 346o #54A83B rgb (84,168,59) #54A83B 106o