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

#2580BB

Em um espaço de cores RGB, hex #2580BB é composto de 15% vermelho, 50% verde e 73% azul. O código de cores RGB é composto por um componente hexadecimal 25 vermelho (37/255), um 80 verde (128/255) e um componente BB azul (187/255). O código de cores RGB decimal é rgb(37,128,187) No espaço de cores CMYK, é composto por 80% ciano, 32% magenta, 0% amarelo e 27% preto. Tem um ângulo de matiz de 203.6o graus, uma saturação de 67% e uma luminosidade de 44%. A cor websafe mais próxima é: #3399cc rgb (51, 153, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #2580BB possui valores RGB de R:37, G:128, B:187 e valores CMYK de C:80, M:32, Y:0, K:27. Seu valor decimal é 2457787. O código binário é 1001011000000010111011
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 2580BB  #2580BB RGB decimal 37, 128, 187  rgb(37, 128, 187) RGB % 15, 50, 73  rgb(15%, 50%, 73%) RGB Adobe 78, 127, 184 CMYK % 80, 32, 0, 27  80%, 32%, 0%, 27% HSL 203.6o, 67, 44  hsl(203.6o, 67%, 44%) HSV (HSB) 204o, 80%, 73%  hsv(204o, 80%, 73%)

Web Safe cor #3399cc rgb (51, 153, 204) XYZ 17.452, 19.42 49.842 xyY 0.2, 0.22, 19.42 Hunter-Lab 44.07, -4.14, -40.09 CMY 85%, 50%, 27% Lab 50.57, -10.87, -39.14 Binário cor 25 80 BB 100101 10000000 10111011

Tons e matizes de #2580BB

---

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: #081A25 é a cor mais escura e: #D5E6F1 é a mais clara.

Variação de tonalidade #2580BB

#4693C5 rgb (70,147,197) #4693C5 #62A3CE rgb (98,163,206) #62A3CE #7AB1D5 rgb (122,177,213) #7AB1D5 #8EBDDB rgb (142,189,219) #8EBDDB #9FC7E0 rgb (159,199,224) #9FC7E0 #ADCFE5 rgb (173,207,229) #ADCFE5 #B9D6E9 rgb (185,214,233) #B9D6E9 #C4DCEC rgb (196,220,236) #C4DCEC #CDE1EF rgb (205,225,239) #CDE1EF #D5E6F1 rgb (213,230,241) #D5E6F1

Variação de cor de sombra

#1F6D9F rgb (31,109,159) #1F6D9F #1A5D87 rgb (26,93,135) #1A5D87 #164F73 rgb (22,79,115) #164F73 #134362 rgb (19,67,98) #134362 #103953 rgb (16,57,83) #103953 #0E3047 rgb (14,48,71) #0E3047 #0C293C rgb (12,41,60) #0C293C #0A2333 rgb (10,35,51) #0A2333 #091E2B rgb (9,30,43) #091E2B #081A25 rgb (8,26,37) #081A25

Tons de #2580BB

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #2E80B5 é a cor menos saturada e #608095 é a mais saturada.

#2E80B5 rgb (46,128,181) #2E80B5 #3680B0 rgb (54,128,176) #3680B0 #3D80AB rgb (61,128,171) #3D80AB #4480A7 rgb (68,128,167) #4480A7 #4A80A3 rgb (74,128,163) #4A80A3 #4F80A0 rgb (79,128,160) #4F80A0 #54809D rgb (84,128,157) #54809D #58809A rgb (88,128,154) #58809A #5C8097 rgb (92,128,151) #5C8097 #608095 rgb (96,128,149) #608095

Alternativas para #2580BB

---

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

#2544BB rgb (37,68,187) #2544BB #2558BB rgb (37,88,187) #2558BB #256CBB rgb (37,108,187) #256CBB #2594BB rgb (37,148,187) #2594BB #25A8BB rgb (37,168,187) #25A8BB #25BCBB rgb (37,188,187) #25BCBB

Uso rápido #2580BB

---

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

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

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

Código pré-formatado 2580BB	código por script / programming
HTML, CSS:	= #2580BB; rgb(37, 128, 187)
Java:	= new Color(37, 128, 187)
.NET:	= Color.FromArgb (37, 128, 187);
Xojo:	= rgb (37, 128, 187, 0);
openGL:	= glColor3f (0.15f, 0.5f, 0.73f);
Swift:	= UIColor(red:0.15, green:0.5, blue:0.73, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.15 green:0.5 blue:0.73 alpha:1.00000];

Esquemas de cores com #2580BB

---

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: 80% tem uma saturação #2580BB. Adicionando 80% + 10% = 90% de saturação para nossa nova cor #0F5F94. Diminuindo 80% - 10% = 70% saturação para outras cores monocromáticas #43A2E0. #43a2e0 rgb (67,162,224) #43a2e0 70% saturação #435d7a rgb (49,93,122) #435d7a 60% saturação #0f5f94 rgb (15,95,148) #0f5f94 90% saturação #00497a rgb (0,73,122) #00497a 100% 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 #2534BA rgb (37,52,186) #2534BA 234o #2580BB rgb (37,128,187) #2580BB 204o #25BAAB rgb (37,186,171) #25BAAB 174o

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: #2580BB tem um ângulo 204o. Adicionando 204o + 180o = 24oo para nossa nova cor complementar #BA6125. #2580BB rgb (37,128,187) #2580BB 204o #BA6125 rgb (186,97,37) #BA6125 24o

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: #2580BB tem um ângulo 204o. Adicionando 204o + 180o+30o = 54o para nossa primeira cor complementar #BAAB25. Diminuindo 204o + 180o-30o = 354o para a segunda cor complementar #BA2534. #BA2534 rgb (186,37,52) #BA2534 354o #2580BB rgb (37,128,187) #2580BB 204o #BAAB25 rgb (186,171,37) #BAAB25 54o

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. #BA257F rgb (186,37,127) #BA257F 324o #2580BB rgb (37,128,187) #2580BB 204o #7FBA25 rgb (127,186,37) #7FBA25 84o

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. #BA257F rgb (186,37,127) #BA257F 324o #2580BB rgb (37,128,187) #2580BB 204o #BA6125 rgb (186,97,37) #BA6125 24o #25BA61 rgb (37,186,97) #25BA61 144o