Informação da cor #4372cf

A cor hexadecimal 4372cf no modelo de cores RGB (Red, Green, Blue), é um composta por 67 de vermelho, 114 de verde e 207 de azul.

No padrão de cores CMYK, é composto por 67.6% de ciano, 44.9% de magenta, 0% de amarelo e 18.8% de preto. Tem um ângulo de matiz de 219.9 graus, uma saturação de 59.3% e uma leveza de 53.7%.

A cor mais próxima WebSafe é 3366CC.

Conversões de #4372cf num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 4372cf
RGB 67, 114, 207
RGB Percentagem 26.3%, 44.7%, 81.2%
CMYK 0.68, 0.45, 0, 0.19
HSL 219.9°, 59.3%, 53.7%
HSV (ou HSB) 219.9°, 67.6%, 81.2%
RYB 26.3, 40.4, 81.2
Formato Cor
XYZ 21.6, 20.2, 64.2
CIELab 52.02, 12.1, -50.38
Decimal 4420303
Yxy 17.731, 0.1984, 0.1796
YUV 110.549, 182.4306, 96.938
CIELuv 49.1681, -19.837, -82.2316
Web Safe 3366CC

Distribuição de #4372cf

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#4372cf

#4372cf
rgb(67,114,207)

#cfa143

#cfa143
rgb(207,161,67)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#cf4372

#cf4372
rgb(207,67,114)

#4372cf

#4372cf
rgb(67,114,207)

#72cf43

#72cf43
rgb(114,207,67)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#cf43b8

#cf43b8
rgb(207,67,184)

#4372cf

#4372cf
rgb(67,114,207)

#cfa143

#cfa143
rgb(207,161,67)

#43cf5b

#43cf5b
rgb(67,207,91)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#4372cf

#4372cf
rgb(67,114,207)

#a3b2cf

#a3b2cf
rgb(163,178,207)

#a1b0cf

#a1b0cf
rgb(161,176,207)

#9eafcf

#9eafcf
rgb(158,175,207)

#9caecf

#9caecf
rgb(156,174,207)

#9aaccf

#9aaccf
rgb(154,172,207)

Tons e Matizes de #4372cf

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#4372cf

#4372cf
rgb(67,114,207)

#688ed8

#688ed8
rgb(104,142,216)

#8eaae2

#8eaae2
rgb(142,170,226)

#b3c6eb

#b3c6eb
rgb(179,198,235)

#d9e2f5

#d9e2f5
rgb(217,226,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4372cf

#4372cf
rgb(67,114,207)

#355ba5

#355ba5
rgb(53,91,165)

#28447c

#28447c
rgb(40,68,124)

#1a2d52

#1a2d52
rgb(26,45,82)

#0d1629

#0d1629
rgb(13,22,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #4372cf fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #4372cf fica em um fundo preto.

Fundo de cor #4372cf

Esta visualização mostra como a cor branca fica em um fundo #4372cf.

Esta visualização mostra como a cor preta fica em um fundo #4372cf.

Contraste

Branco e #4372cf
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #4372cf
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #4372cf

Este exemplo mostra como o texto na cor #4372cf se parece.

<span style="color:#4372cf;">Aqui fica o texto.</span>
Cor de fundo #4372cf

Este parágrafo tem fundo de cor #4372cf.

<p style="background-color:#4372cf;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #4372cf.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#4372cf;}
.background {background-color:#4372cf;}
.border {border:1px solid #4372cf;}

Cores alietórias

#012950

#012950
rgb(1,41,80)

#0ed0b1

#0ed0b1
rgb(14,208,177)

#0a9401

#0a9401
rgb(10,148,1)

#fc6d35

#fc6d35
rgb(252,109,53)

#45e8f5

#45e8f5
rgb(69,232,245)

#d4ab35

#d4ab35
rgb(212,171,53)

#42a4e4

#42a4e4
rgb(66,164,228)

#27cb94

#27cb94
rgb(39,203,148)

#3e387d

#3e387d
rgb(62,56,125)

#800318

#800318
rgb(128,3,24)

#26407e

#26407e
rgb(38,64,126)

#79aa6b

#79aa6b
rgb(121,170,107)