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

#203B63

Em um espaço de cores RGB, hex #203B63 é composto de 13% vermelho, 23% verde e 39% azul. O código de cores RGB é composto por um componente hexadecimal 20 vermelho (32/255), um 3B verde (59/255) e um componente 63 azul (99/255). O código de cores RGB decimal é rgb(32,59,99) No espaço de cores CMYK, é composto por 68% ciano, 40% magenta, 0% amarelo e 61% preto. Tem um ângulo de matiz de 215.82o graus, uma saturação de 51% e uma luminosidade de 26%. A cor websafe mais próxima é: #333366 rgb (51, 51, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #203B63 possui valores RGB de R:32, G:59, B:99 e valores CMYK de C:68, M:40, Y:0, K:61. Seu valor decimal é 2112355. O código binário é 1000000011101101100011
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 203B63  #203B63 RGB decimal 32, 59, 99  rgb(32, 59, 99) RGB % 13, 23, 39  rgb(13%, 23%, 39%) RGB Adobe 46, 61, 98 CMYK % 68, 40, 0, 61  68%, 40%, 0%, 61% HSL 215.82o, 51, 26  hsl(215.82o, 51%, 26%) HSV (HSB) 216o, 68%, 39%  hsv(216o, 68%, 39%)

Web Safe cor #333366 rgb (51, 51, 102) XYZ 4.412, 4.336 12.409 xyY 0.21, 0.2, 4.34 Hunter-Lab 20.82, 2.53, -22.73 CMY 87%, 77%, 61% Lab 24.36, 0.53, -27.21 Binário cor 20 3B 63 100000 111011 1100011

Tons e matizes de #203B63

---

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: #070C13 é a cor mais escura e: #D4D8E0 é a mais clara.

Variação de tonalidade #203B63

#41587A rgb (65,88,122) #41587A #5E718E rgb (94,113,142) #5E718E #76869F rgb (118,134,159) #76869F #8B98AD rgb (139,152,173) #8B98AD #9CA7B9 rgb (156,167,185) #9CA7B9 #ABB4C4 rgb (171,180,196) #ABB4C4 #B8BFCD rgb (184,191,205) #B8BFCD #C3C9D5 rgb (195,201,213) #C3C9D5 #CCD1DB rgb (204,209,219) #CCD1DB #D4D8E0 rgb (212,216,224) #D4D8E0

Variação de cor de sombra

#1B3254 rgb (27,50,84) #1B3254 #172B47 rgb (23,43,71) #172B47 #14253C rgb (20,37,60) #14253C #111F33 rgb (17,31,51) #111F33 #0E1A2B rgb (14,26,43) #0E1A2B #0C1625 rgb (12,22,37) #0C1625 #0A131F rgb (10,19,31) #0A131F #09101A rgb (9,16,26) #09101A #080E16 rgb (8,14,22) #080E16 #070C13 rgb (7,12,19) #070C13

Tons de #203B63

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

#2A4266 rgb (42,66,102) #2A4266 #334869 rgb (51,72,105) #334869 #3B4E6B rgb (59,78,107) #3B4E6B #42536D rgb (66,83,109) #42536D #48586F rgb (72,88,111) #48586F #4E5C71 rgb (78,92,113) #4E5C71 #536073 rgb (83,96,115) #536073 #586374 rgb (88,99,116) #586374 #5C6675 rgb (92,102,117) #5C6675 #606976 rgb (96,105,118) #606976

Alternativas para #203B63

---

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

#0C3B63 rgb (12,59,99) #0C3B63 #201363 rgb (32,19,99) #201363 #202763 rgb (32,39,99) #202763 #204F63 rgb (32,79,99) #204F63 #206363 rgb (32,99,99) #206363 #207763 rgb (32,119,99) #207763

Uso rápido #203B63

---

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

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

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

Código pré-formatado 203B63	código por script / programming
HTML, CSS:	= #203B63; rgb(32, 59, 99)
Java:	= new Color(32, 59, 99)
.NET:	= Color.FromArgb (32, 59, 99);
Xojo:	= rgb (32, 59, 99, 0);
openGL:	= glColor3f (0.13f, 0.23f, 0.39f);
Swift:	= UIColor(red:0.13, green:0.23, blue:0.39, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.13 green:0.23 blue:0.39 alpha:1.00000];

Esquemas de cores com #203B63

---

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: 68% tem uma saturação #203B63. Adicionando 68% + 10% = 78% de saturação para nossa nova cor #0D213D. Diminuindo 68% - 10% = 58% saturação para outras cores monocromáticas #3A5A8A. #3a5a8a rgb (58,90,138) #3a5a8a 58% saturação #3a1924 rgb (19,25,36) #3a1924 48% saturação #0d213d rgb (13,33,61) #0d213d 78% saturação #041124 rgb (4,17,36) #041124 88% 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 #272063 rgb (39,32,99) #272063 246o #203B63 rgb (32,59,99) #203B63 216o #205D63 rgb (32,93,99) #205D63 186o

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: #203B63 tem um ângulo 216o. Adicionando 216o + 180o = 36oo para nossa nova cor complementar #634820. #203B63 rgb (32,59,99) #203B63 216o #634820 rgb (99,72,32) #634820 36o

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: #203B63 tem um ângulo 216o. Adicionando 216o + 180o+30o = 66o para nossa primeira cor complementar #5D6320. Diminuindo 216o + 180o-30o = 6o para a segunda cor complementar #632720. #632720 rgb (99,39,32) #632720 6o #203B63 rgb (32,59,99) #203B63 216o #5D6320 rgb (93,99,32) #5D6320 66o

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. #63203B rgb (99,32,59) #63203B 336o #203B63 rgb (32,59,99) #203B63 216o #3B6320 rgb (59,99,32) #3B6320 96o

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. #63203B rgb (99,32,59) #63203B 336o #203B63 rgb (32,59,99) #203B63 216o #634820 rgb (99,72,32) #634820 36o #206348 rgb (32,99,72) #206348 156o