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

#CC554D

Em um espaço de cores RGB, hex #CC554D é composto de 80% vermelho, 33% verde e 30% azul. O código de cores RGB é composto por um componente hexadecimal CC vermelho (204/255), um 55 verde (85/255) e um componente 4D azul (77/255). O código de cores RGB decimal é rgb(204,85,77) No espaço de cores CMYK, é composto por 0% ciano, 58% magenta, 62% amarelo e 20% preto. Tem um ângulo de matiz de 3.78o graus, uma saturação de 55% e uma luminosidade de 55%. A cor websafe mais próxima é: #cc6666 rgb (204, 102, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #CC554D possui valores RGB de R:204, G:85, B:77 e valores CMYK de C:0, M:58, Y:62, K:20. Seu valor decimal é 13391181. O código binário é 110011000101010101001101
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor CC554D  #CC554D RGB decimal 204, 85, 77  rgb(204, 85, 77) RGB % 80, 33, 30  rgb(80%, 33%, 30%) RGB Adobe 179, 86, 78 CMYK % 0, 58, 62, 20  0%, 58%, 62%, 20% HSL 3.78o, 55, 55  hsl(3.78o, 55%, 55%) HSV (HSB) 4o, 62%, 80%  hsv(4o, 62%, 80%)

Web Safe cor #cc6666 rgb (204, 102, 102) XYZ 29.49, 19.87 9.302 xyY 0.5, 0.34, 19.87 Hunter-Lab 44.58, 43.14, 17.03 CMY 20%, 67%, 70% Lab 52.28, 47.8, 29.76 Binário cor CC 55 4D 11001100 1010101 1001101

Tons e matizes de #CC554D

---

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: #28100F é a cor mais escura e: #F5DEDC é a mais clara.

Variação de tonalidade #CC554D

#D46F68 rgb (212,111,104) #D46F68 #DA857F rgb (218,133,127) #DA857F #E09792 rgb (224,151,146) #E09792 #E5A7A2 rgb (229,167,162) #E5A7A2 #E9B4B0 rgb (233,180,176) #E9B4B0 #ECBFBC rgb (236,191,188) #ECBFBC #EFC9C6 rgb (239,201,198) #EFC9C6 #F1D1CF rgb (241,209,207) #F1D1CF #F3D8D6 rgb (243,216,214) #F3D8D6 #F5DEDC rgb (245,222,220) #F5DEDC

Variação de cor de sombra

#AD4841 rgb (173,72,65) #AD4841 #933D37 rgb (147,61,55) #933D37 #7D342F rgb (125,52,47) #7D342F #6A2C28 rgb (106,44,40) #6A2C28 #5A2522 rgb (90,37,34) #5A2522 #4D1F1D rgb (77,31,29) #4D1F1D #411A19 rgb (65,26,25) #411A19 #371615 rgb (55,22,21) #371615 #2F1312 rgb (47,19,18) #2F1312 #28100F rgb (40,16,15) #28100F

Tons de #CC554D

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #C45952 é a cor menos saturada e #9B726E é a mais saturada.

#C45952 rgb (196,89,82) #C45952 #BD5D57 rgb (189,93,87) #BD5D57 #B7615B rgb (183,97,91) #B7615B #B2645F rgb (178,100,95) #B2645F #AD6762 rgb (173,103,98) #AD6762 #A96A65 rgb (169,106,101) #A96A65 #A56C68 rgb (165,108,104) #A56C68 #A16E6A rgb (161,110,106) #A16E6A #9E706C rgb (158,112,108) #9E706C #9B726E rgb (155,114,110) #9B726E

Alternativas para #CC554D

---

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

#CC194D rgb (204,25,77) #CC194D #CC2D4D rgb (204,45,77) #CC2D4D #CC414D rgb (204,65,77) #CC414D #CC694D rgb (204,105,77) #CC694D #CC7D4D rgb (204,125,77) #CC7D4D #CC914D rgb (204,145,77) #CC914D

Uso rápido #CC554D

---

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

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

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

Código pré-formatado CC554D	código por script / programming
HTML, CSS:	= #CC554D; rgb(204, 85, 77)
Java:	= new Color(204, 85, 77)
.NET:	= Color.FromArgb (204, 85, 77);
Xojo:	= rgb (204, 85, 77, 0);
openGL:	= glColor3f (0.8f, 0.33f, 0.3f);
Swift:	= UIColor(red:0.8, green:0.33, blue:0.3, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.8 green:0.33 blue:0.3 alpha:1.00000];

Esquemas de cores com #CC554D

---

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: 62% tem uma saturação #CC554D. Adicionando 62% + 10% = 72% de saturação para nossa nova cor #A6362E. Diminuindo 62% - 10% = 52% saturação para outras cores monocromáticas #F27D74. #f27d74 rgb (242,125,116) #f27d74 52% saturação #f25551 rgb (140,85,81) #f25551 42% saturação #a6362e rgb (166,54,46) #a6362e 72% saturação #8c2119 rgb (140,33,25) #8c2119 82% 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 #CC954E rgb (204,149,78) #CC954E 34o #CC554D rgb (204,85,77) #CC554D 4o #CC4E84 rgb (204,78,132) #CC4E84 334o

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: #CC554D tem um ângulo 4o. Adicionando 4o + 180o = 184oo para nossa nova cor complementar #4EC4CC. #CC554D rgb (204,85,77) #CC554D 4o #4EC4CC rgb (78,196,204) #4EC4CC 184o

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: #CC554D tem um ângulo 4o. Adicionando 4o + 180o+30o = 214o para nossa primeira cor complementar #4E84CC. Diminuindo 4o + 180o-30o = 154o para a segunda cor complementar #4ECC95. #4ECC95 rgb (78,204,149) #4ECC95 154o #CC554D rgb (204,85,77) #CC554D 4o #4E84CC rgb (78,132,204) #4E84CC 214o

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. #4ECC56 rgb (78,204,86) #4ECC56 124o #CC554D rgb (204,85,77) #CC554D 4o #564ECC rgb (86,78,204) #564ECC 244o

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. #4ECC56 rgb (78,204,86) #4ECC56 124o #CC554D rgb (204,85,77) #CC554D 4o #4EC4CC rgb (78,196,204) #4EC4CC 184o #CC4EC4 rgb (204,78,196) #CC4EC4 304o