Informação da cor #b6e2d6

A cor hexadecimal b6e2d6 no modelo de cores RGB (Red, Green, Blue), é um composta por 182 de vermelho, 226 de verde e 214 de azul.

No padrão de cores CMYK, é composto por 19.5% de ciano, 0% de magenta, 5.3% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 163.6 graus, uma saturação de 43.1% e uma leveza de 80%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #b6e2d6 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 b6e2d6
RGB 182, 226, 214
RGB Percentagem 71.4%, 88.6%, 83.9%
CMYK 0.19, 0, 0.05, 0.11
HSL 163.6°, 43.1%, 80%
HSV (ou HSB) 163.6°, 19.5%, 88.6%
RYB 71.4, 81.6, 88.6
Formato Cor
XYZ 60.9, 71.3, 76.3
CIELab 87.61, -15.5, 1
Decimal 11985622
Yxy 69.1909, 0.2907, 0.3431
YUV 211.476, 129.4244, 106.9757
CIELuv 86.5985, -22.4498, 4.6152
Web Safe 99CCCC

Distribuição de #b6e2d6

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.

#b6e2d6

#b6e2d6
rgb(182,226,214)

#e2b6c2

#e2b6c2
rgb(226,182,194)

Cores triadicas

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

#d7b6e2

#d7b6e2
rgb(215,182,226)

#b6e2d6

#b6e2d6
rgb(182,226,214)

#e2d7b6

#e2d7b6
rgb(226,215,182)

Cores tetrádicas

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

#c1b6e2

#c1b6e2
rgb(193,182,226)

#b6e2d6

#b6e2d6
rgb(182,226,214)

#e2b6c2

#e2b6c2
rgb(226,182,194)

#d8e2b6

#d8e2b6
rgb(216,226,182)

Cores monocromáticas

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

#b6e2d6

#b6e2d6
rgb(182,226,214)

#b3e2d5

#b3e2d5
rgb(179,226,213)

#b0e2d5

#b0e2d5
rgb(176,226,213)

#aee2d4

#aee2d4
rgb(174,226,212)

#ace2d4

#ace2d4
rgb(172,226,212)

#aae2d3

#aae2d3
rgb(170,226,211)

Tons e Matizes de #b6e2d6

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

Matiz (adicionando branco)
#b6e2d6

#b6e2d6
rgb(182,226,214)

#c4e7de

#c4e7de
rgb(196,231,222)

#d3ede6

#d3ede6
rgb(211,237,230)

#e1f3ee

#e1f3ee
rgb(225,243,238)

#f0f9f6

#f0f9f6
rgb(240,249,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b6e2d6

#b6e2d6
rgb(182,226,214)

#91b4ab

#91b4ab
rgb(145,180,171)

#6d8780

#6d8780
rgb(109,135,128)

#485a55

#485a55
rgb(72,90,85)

#242d2a

#242d2a
rgb(36,45,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b6e2d6

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

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

Contraste

Branco e #b6e2d6
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 #b6e2d6
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 #b6e2d6

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

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

Este parágrafo tem fundo de cor #b6e2d6.

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

Este elemento tem uma cor de borda de #b6e2d6.

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

Cores alietórias

#c7907b

#c7907b
rgb(199,144,123)

#e62c8b

#e62c8b
rgb(230,44,139)

#7b8c09

#7b8c09
rgb(123,140,9)

#3a64b4

#3a64b4
rgb(58,100,180)

#aaa24d

#aaa24d
rgb(170,162,77)

#300cfe

#300cfe
rgb(48,12,254)

#f7b193

#f7b193
rgb(247,177,147)

#b4c0e5

#b4c0e5
rgb(180,192,229)

#9f7327

#9f7327
rgb(159,115,39)

#ba7f28

#ba7f28
rgb(186,127,40)

#5cf4ee

#5cf4ee
rgb(92,244,238)

#7a5997

#7a5997
rgb(122,89,151)