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

#ADD5E1

Em um espaço de cores RGB, hex #ADD5E1 é composto de 68% vermelho, 84% verde e 88% azul. O código de cores RGB é composto por um componente hexadecimal AD vermelho (173/255), um D5 verde (213/255) e um componente E1 azul (225/255). O código de cores RGB decimal é rgb(173,213,225) No espaço de cores CMYK, é composto por 23% ciano, 5% magenta, 0% amarelo e 12% preto. Tem um ângulo de matiz de 193.85o graus, uma saturação de 46% e uma luminosidade de 78%. A cor websafe mais próxima é: #99cccc rgb (153, 204, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #ADD5E1 possui valores RGB de R:173, G:213, B:225 e valores CMYK de C:23, M:5, Y:0, K:12. Seu valor decimal é 11392481. O código binário é 101011011101010111100001
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor ADD5E1  #ADD5E1 RGB decimal 173, 213, 225  rgb(173, 213, 225) RGB % 68, 84, 88  rgb(68%, 84%, 88%) RGB Adobe 184, 212, 224 CMYK % 23, 5, 0, 12  23%, 5%, 0%, 12% HSL 193.85o, 46, 78  hsl(193.85o, 46%, 78%) HSV (HSB) 194o, 23%, 88%  hsv(194o, 23%, 88%)

Web Safe cor #99cccc rgb (153, 204, 204) XYZ 54.618, 61.909 80.305 xyY 0.28, 0.31, 61.91 Hunter-Lab 78.68, -9.74, -10.09 CMY 32%, 16%, 12% Lab 82.68, -11.64, -10.52 Binário cor AD D5 E1 10101101 11010101 11100001

Tons e matizes de #ADD5E1

---

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: #222A2B é a cor mais escura e: #EFF7F9 é a mais clara.

Variação de tonalidade #ADD5E1

#B9DBE6 rgb (185,219,230) #B9DBE6 #C4E0EA rgb (196,224,234) #C4E0EA #CDE5ED rgb (205,229,237) #CDE5ED #D5E9F0 rgb (213,233,240) #D5E9F0 #DBECF2 rgb (219,236,242) #DBECF2 #E0EFF4 rgb (224,239,244) #E0EFF4 #E5F1F6 rgb (229,241,246) #E5F1F6 #E9F3F7 rgb (233,243,247) #E9F3F7 #ECF5F8 rgb (236,245,248) #ECF5F8 #EFF7F9 rgb (239,247,249) #EFF7F9

Variação de cor de sombra

#93B5BF rgb (147,181,191) #93B5BF #7D9AA2 rgb (125,154,162) #7D9AA2 #6A838A rgb (106,131,138) #6A838A #5A6F75 rgb (90,111,117) #5A6F75 #4D5E63 rgb (77,94,99) #4D5E63 #415054 rgb (65,80,84) #415054 #374447 rgb (55,68,71) #374447 #2F3A3C rgb (47,58,60) #2F3A3C #283133 rgb (40,49,51) #283133 #222A2B rgb (34,42,43) #222A2B

Tons de #ADD5E1

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #A9CDD7 é a cor menos saturada e #909EA1 é a mais saturada.

#A9CDD7 rgb (169,205,215) #A9CDD7 #A5C5CE rgb (165,197,206) #A5C5CE #A1BEC6 rgb (161,190,198) #A1BEC6 #9EB8BF rgb (158,184,191) #9EB8BF #9BB2B9 rgb (155,178,185) #9BB2B9 #98ADB3 rgb (152,173,179) #98ADB3 #96A9AE rgb (150,169,174) #96A9AE #94A5A9 rgb (148,165,169) #94A5A9 #92A1A5 rgb (146,161,165) #92A1A5 #909EA1 rgb (144,158,161) #909EA1

Alternativas para #ADD5E1

---

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

#AD99E1 rgb (173,153,225) #AD99E1 #ADADE1 rgb (173,173,225) #ADADE1 #ADC1E1 rgb (173,193,225) #ADC1E1 #ADE9E1 rgb (173,233,225) #ADE9E1 #ADFDE1 rgb (173,253,225) #ADFDE1 #C1FFE1 rgb (193,255,225) #C1FFE1

Uso rápido #ADD5E1

---

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

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

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

Código pré-formatado ADD5E1	código por script / programming
HTML, CSS:	= #ADD5E1; rgb(173, 213, 225)
Java:	= new Color(173, 213, 225)
.NET:	= Color.FromArgb (173, 213, 225);
Xojo:	= rgb (173, 213, 225, 0);
openGL:	= glColor3f (0.68f, 0.84f, 0.88f);
Swift:	= UIColor(red:0.68, green:0.84, blue:0.88, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.68 green:0.84 blue:0.88 alpha:1.00000];

Esquemas de cores com #ADD5E1

---

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: 23% tem uma saturação #ADD5E1. Adicionando 23% + 10% = 33% de saturação para nossa nova cor #7DACBA. Diminuindo 23% - 10% = 13% saturação para outras cores monocromáticas #DEF7FF. #def7ff rgb (222,247,255) #def7ff 13% saturação #dea0a1 rgb (156,160,161) #dea0a1 3% saturação #7dacba rgb (125,172,186) #7dacba 33% saturação #5c91a1 rgb (92,145,161) #5c91a1 43% 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 #ADBBE0 rgb (173,187,224) #ADBBE0 224o #ADD5E1 rgb (173,213,225) #ADD5E1 194o #ADE0D3 rgb (173,224,211) #ADE0D3 164o

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: #ADD5E1 tem um ângulo 194o. Adicionando 194o + 180o = 14oo para nossa nova cor complementar #E0B9AD. #ADD5E1 rgb (173,213,225) #ADD5E1 194o #E0B9AD rgb (224,185,173) #E0B9AD 14o

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: #ADD5E1 tem um ângulo 194o. Adicionando 194o + 180o+30o = 44o para nossa primeira cor complementar #E0D3AD. Diminuindo 194o + 180o-30o = 344o para a segunda cor complementar #E0ADBB. #E0ADBB rgb (224,173,187) #E0ADBB 344o #ADD5E1 rgb (173,213,225) #ADD5E1 194o #E0D3AD rgb (224,211,173) #E0D3AD 44o

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. #E0ADD4 rgb (224,173,212) #E0ADD4 314o #ADD5E1 rgb (173,213,225) #ADD5E1 194o #D4E0AD rgb (212,224,173) #D4E0AD 74o

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. #E0ADD4 rgb (224,173,212) #E0ADD4 314o #ADD5E1 rgb (173,213,225) #ADD5E1 194o #E0B9AD rgb (224,185,173) #E0B9AD 14o #ADE0B9 rgb (173,224,185) #ADE0B9 134o