Informação da cor #4682b4

A cor hexadecimal 4682b4 no modelo de cores RGB (Red, Green, Blue), é um composta por 70 de vermelho, 130 de verde e 180 de azul.

No padrão de cores CMYK, é composto por 61.1% de ciano, 27.8% de magenta, 0% de amarelo e 29.4% de preto. Tem um ângulo de matiz de 207.3 graus, uma saturação de 44% e uma leveza de 49%.

A cor mais próxima WebSafe é 336699.

Conversões de #4682b4 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 4682b4
RGB 70, 130, 180
RGB Percentagem 27.5%, 51%, 70.6%
CMYK 0.61, 0.28, 0, 0.29
HSL 207.3°, 44%, 49%
HSV (ou HSB) 207.3°, 61.1%, 70.6%
RYB 27.5, 42.7, 70.6
Formato Cor
XYZ 21, 23.3, 49.5
CIELab 55.33, -5.06, -30.77
Decimal 4620980
Yxy 20.5609, 0.2193, 0.2406
YUV 117.76, 163.1242, 93.9344
CIELuv 52.4655, -25.111, -48.3627
Web Safe 336699

Distribuição de #4682b4

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#4682b4

#4682b4
rgb(70,130,180)

#b47946

#b47946
rgb(180,121,70)

Cores triadicas

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

#b44682

#b44682
rgb(180,70,130)

#4682b4

#4682b4
rgb(70,130,180)

#82b446

#82b446
rgb(130,180,70)

Cores tetrádicas

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

#b046b4

#b046b4
rgb(176,70,180)

#4682b4

#4682b4
rgb(70,130,180)

#b47946

#b47946
rgb(180,121,70)

#4bb446

#4bb446
rgb(75,180,70)

Cores monocromáticas

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

#4682b4

#4682b4
rgb(70,130,180)

#8ea3b4

#8ea3b4
rgb(142,163,180)

#8ca2b4

#8ca2b4
rgb(140,162,180)

#8aa1b4

#8aa1b4
rgb(138,161,180)

#88a0b4

#88a0b4
rgb(136,160,180)

#86a0b4

#86a0b4
rgb(134,160,180)

Tons e Matizes de #4682b4

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

Matiz (adicionando branco)
#4682b4

#4682b4
rgb(70,130,180)

#6b9bc3

#6b9bc3
rgb(107,155,195)

#90b4d2

#90b4d2
rgb(144,180,210)

#b5cde1

#b5cde1
rgb(181,205,225)

#dae6f0

#dae6f0
rgb(218,230,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4682b4

#4682b4
rgb(70,130,180)

#386890

#386890
rgb(56,104,144)

#2a4e6c

#2a4e6c
rgb(42,78,108)

#1b3347

#1b3347
rgb(27,51,71)

#0d1923

#0d1923
rgb(13,25,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4682b4

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

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

Contraste

Branco e #4682b4
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não 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 #4682b4
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 #4682b4

Este exemplo mostra como o texto na cor #4682b4 se parece.

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

Este parágrafo tem fundo de cor #4682b4.

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

Este elemento tem uma cor de borda de #4682b4.

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

Cores alietórias

#ac8621

#ac8621
rgb(172,134,33)

#606ef9

#606ef9
rgb(96,110,249)

#368dae

#368dae
rgb(54,141,174)

#ca7dfa

#ca7dfa
rgb(202,125,250)

#03378a

#03378a
rgb(3,55,138)

#7d70dd

#7d70dd
rgb(125,112,221)

#e9a0f1

#e9a0f1
rgb(233,160,241)

#0e0c95

#0e0c95
rgb(14,12,149)

#d69347

#d69347
rgb(214,147,71)

#c7fe78

#c7fe78
rgb(199,254,120)

#b4dd7d

#b4dd7d
rgb(180,221,125)

#706575

#706575
rgb(112,101,117)