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

#7ABDFF

Em um espaço de cores RGB, hex #7ABDFF é composto de 48% vermelho, 74% verde e 100% azul. O código de cores RGB é composto por um componente hexadecimal 7A vermelho (122/255), um BD verde (189/255) e um componente FF azul (255/255). O código de cores RGB decimal é rgb(122,189,255) No espaço de cores CMYK, é composto por 52% ciano, 26% magenta, 0% amarelo e 0% preto. Tem um ângulo de matiz de 209.77o graus, uma saturação de 100% e uma luminosidade de 74%. A cor websafe mais próxima é: #66ccff rgb (102, 204, 255).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #7ABDFF possui valores RGB de R:122, G:189, B:255 e valores CMYK de C:52, M:26, Y:0, K:0. Seu valor decimal é 8044031. O código binário é 11110101011110111111111
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 7ABDFF  #7ABDFF RGB decimal 122, 189, 255  rgb(122, 189, 255) RGB % 48, 74, 100  rgb(48%, 74%, 100%) RGB Adobe 144, 188, 253 CMYK % 52, 26, 0, 0  52%, 26%, 0%, 0% HSL 209.77o, 100, 74  hsl(209.77o, 100%, 74%) HSV (HSB) 210o, 52%, 100%  hsv(210o, 52%, 100%)

Web Safe cor #66ccff rgb (102, 204, 255) XYZ 44.274, 47.753 101.491 xyY 0.23, 0.25, 47.75 Hunter-Lab 69.1, -2.92, -44.1 CMY 52%, 26%, 0% Lab 74.11, -8.21, -39.76 Binário cor 7A BD FF 1111010 10111101 11111111

Tons e matizes de #7ABDFF

---

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: #182533 é a cor mais escura e: #E5F2FF é a mais clara.

Variação de tonalidade #7ABDFF

#8EC7FF rgb (142,199,255) #8EC7FF #9FCFFF rgb (159,207,255) #9FCFFF #ADD6FF rgb (173,214,255) #ADD6FF #B9DCFF rgb (185,220,255) #B9DCFF #C4E1FF rgb (196,225,255) #C4E1FF #CDE6FF rgb (205,230,255) #CDE6FF #D5EAFF rgb (213,234,255) #D5EAFF #DBEDFF rgb (219,237,255) #DBEDFF #E0F0FF rgb (224,240,255) #E0F0FF #E5F2FF rgb (229,242,255) #E5F2FF

Variação de cor de sombra

#68A1D9 rgb (104,161,217) #68A1D9 #5889B8 rgb (88,137,184) #5889B8 #4B749C rgb (75,116,156) #4B749C #406385 rgb (64,99,133) #406385 #365471 rgb (54,84,113) #365471 #2E4760 rgb (46,71,96) #2E4760 #273C52 rgb (39,60,82) #273C52 #213346 rgb (33,51,70) #213346 #1C2B3C rgb (28,43,60) #1C2B3C #182533 rgb (24,37,51) #182533

Tons de #7ABDFF

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #7BB7F2 é a cor menos saturada e #7C96AD é a mais saturada.

#7BB7F2 rgb (123,183,242) #7BB7F2 #7CB2E7 rgb (124,178,231) #7CB2E7 #7CADDD rgb (124,173,221) #7CADDD #7CA9D4 rgb (124,169,212) #7CA9D4 #7CA5CC rgb (124,165,204) #7CA5CC #7CA1C4 rgb (124,161,196) #7CA1C4 #7C9EBD rgb (124,158,189) #7C9EBD #7C9BB7 rgb (124,155,183) #7C9BB7 #7C98B2 rgb (124,152,178) #7C98B2 #7C96AD rgb (124,150,173) #7C96AD

Alternativas para #7ABDFF

---

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

#7A81FF rgb (122,129,255) #7A81FF #7A95FF rgb (122,149,255) #7A95FF #7AA9FF rgb (122,169,255) #7AA9FF #7AD1FF rgb (122,209,255) #7AD1FF #7AE5FF rgb (122,229,255) #7AE5FF #7AF9FF rgb (122,249,255) #7AF9FF

Uso rápido #7ABDFF

---

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

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

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

Código pré-formatado 7ABDFF	código por script / programming
HTML, CSS:	= #7ABDFF; rgb(122, 189, 255)
Java:	= new Color(122, 189, 255)
.NET:	= Color.FromArgb (122, 189, 255);
Xojo:	= rgb (122, 189, 255, 0);
openGL:	= glColor3f (0.48f, 0.74f, 1f);
Swift:	= UIColor(red:0.48, green:0.74, blue:1, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.48 green:0.74 blue:1 alpha:1.00000];

Esquemas de cores com #7ABDFF

---

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: 52% tem uma saturação #7ABDFF. Adicionando 52% + 10% = 62% de saturação para nossa nova cor #5296D9. Diminuindo 52% - 10% = 42% saturação para outras cores monocromáticas #94C9FF. #94c9ff rgb (148,201,255) #94c9ff 42% saturação #94a1bf rgb (130,161,191) #94a1bf 32% saturação #5296d9 rgb (82,150,217) #5296d9 62% saturação #367abf rgb (54,122,191) #367abf 72% 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 #7A7AFF rgb (122,122,255) #7A7AFF 240o #7ABDFF rgb (122,189,255) #7ABDFF 210o #7AFFFF rgb (122,255,255) #7AFFFF 180o

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: #7ABDFF tem um ângulo 210o. Adicionando 210o + 180o = 30oo para nossa nova cor complementar #FFBD7A. #7ABDFF rgb (122,189,255) #7ABDFF 210o #FFBD7A rgb (255,189,122) #FFBD7A 30o

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: #7ABDFF tem um ângulo 210o. Adicionando 210o + 180o+30o = 60o para nossa primeira cor complementar #FFFF7A. Diminuindo 210o + 180o-30o = 360o para a segunda cor complementar #FF7A7A. #FF7A7A rgb (255,122,122) #FF7A7A 360o #7ABDFF rgb (122,189,255) #7ABDFF 210o #FFFF7A rgb (255,255,122) #FFFF7A 60o

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. #FF7ABD rgb (255,122,189) #FF7ABD 330o #7ABDFF rgb (122,189,255) #7ABDFF 210o #BDFF7A rgb (189,255,122) #BDFF7A 90o

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. #FF7ABD rgb (255,122,189) #FF7ABD 330o #7ABDFF rgb (122,189,255) #7ABDFF 210o #FFBD7A rgb (255,189,122) #FFBD7A 30o #7AFFBD rgb (122,255,189) #7AFFBD 150o