Informação da cor #bed8a2

A cor hexadecimal bed8a2 no modelo de cores RGB (Red, Green, Blue), é um composta por 190 de vermelho, 216 de verde e 162 de azul.

No padrão de cores CMYK, é composto por 12% de ciano, 0% de magenta, 25% de amarelo e 15.3% de preto. Tem um ângulo de matiz de 88.9 graus, uma saturação de 40.9% e uma leveza de 74.1%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #bed8a2 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 bed8a2
RGB 190, 216, 162
RGB Percentagem 74.5%, 84.7%, 63.5%
CMYK 0.12, 0, 0.25, 0.15
HSL 88.9°, 40.9%, 74.1%
HSV (ou HSB) 88.9°, 25%, 84.7%
RYB 63.5, 84.7, 73.7
Formato Cor
XYZ 54.9, 65.1, 46.9
CIELab 84.53, -16.96, 22.31
Decimal 12507298
Yxy 62.6671, 0.3301, 0.3954
YUV 202.07, 105.3871, 119.3908
CIELuv 83.2669, -12.4365, 36.7542
Web Safe 99CC99

Distribuição de #bed8a2

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.

#bed8a2

#bed8a2
rgb(190,216,162)

#bda2d8

#bda2d8
rgb(189,162,216)

Cores triadicas

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

#a2bed8

#a2bed8
rgb(162,190,216)

#bed8a2

#bed8a2
rgb(190,216,162)

#d8a2be

#d8a2be
rgb(216,162,190)

Cores tetrádicas

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

#a2d8d8

#a2d8d8
rgb(162,216,216)

#bed8a2

#bed8a2
rgb(190,216,162)

#bda2d8

#bda2d8
rgb(189,162,216)

#d8a2a3

#d8a2a3
rgb(216,162,163)

Cores monocromáticas

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

#bed8a2

#bed8a2
rgb(190,216,162)

#c2d8ab

#c2d8ab
rgb(194,216,171)

#c1d8a8

#c1d8a8
rgb(193,216,168)

#c0d8a6

#c0d8a6
rgb(192,216,166)

#bfd8a4

#bfd8a4
rgb(191,216,164)

#bed8a2

#bed8a2
rgb(190,216,162)

Tons e Matizes de #bed8a2

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

Matiz (adicionando branco)
#bed8a2

#bed8a2
rgb(190,216,162)

#cbdfb4

#cbdfb4
rgb(203,223,180)

#d8e7c7

#d8e7c7
rgb(216,231,199)

#e5efd9

#e5efd9
rgb(229,239,217)

#f2f7ec

#f2f7ec
rgb(242,247,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bed8a2

#bed8a2
rgb(190,216,162)

#98ac81

#98ac81
rgb(152,172,129)

#728161

#728161
rgb(114,129,97)

#4b5640

#4b5640
rgb(75,86,64)

#252b20

#252b20
rgb(37,43,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bed8a2

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #bed8a2

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

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

Este parágrafo tem fundo de cor #bed8a2.

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

Este elemento tem uma cor de borda de #bed8a2.

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

Cores alietórias

#93a149

#93a149
rgb(147,161,73)

#4d3443

#4d3443
rgb(77,52,67)

#b95155

#b95155
rgb(185,81,85)

#dfe262

#dfe262
rgb(223,226,98)

#fbe4db

#fbe4db
rgb(251,228,219)

#8d1656

#8d1656
rgb(141,22,86)

#49fa3d

#49fa3d
rgb(73,250,61)

#e3540f

#e3540f
rgb(227,84,15)

#c6ee84

#c6ee84
rgb(198,238,132)

#1e13ff

#1e13ff
rgb(30,19,255)

#f3511f

#f3511f
rgb(243,81,31)

#7077a6

#7077a6
rgb(112,119,166)