Informação da cor #b6e4e8

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

No padrão de cores CMYK, é composto por 21.6% de ciano, 1.7% de magenta, 0% de amarelo e 9% de preto. Tem um ângulo de matiz de 184.8 graus, uma saturação de 52.1% e uma leveza de 81.2%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #b6e4e8 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 b6e4e8
RGB 182, 228, 232
RGB Percentagem 71.4%, 89.4%, 91%
CMYK 0.22, 0.02, 0, 0.09
HSL 184.8°, 52.1%, 81.2%
HSV (ou HSB) 184.8°, 21.6%, 91%
RYB 71.4, 80.8, 91
Formato Cor
XYZ 63.7, 73.2, 88.5
CIELab 88.54, -13.02, -6.39
Decimal 11986152
Yxy 71.2558, 0.2804, 0.3243
YUV 214.702, 137.7619, 104.6748
CIELuv 87.6091, -23.5815, -8.292
Web Safe 99CCCC

Distribuição de #b6e4e8

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.

#b6e4e8

#b6e4e8
rgb(182,228,232)

#e8bab6

#e8bab6
rgb(232,186,182)

Cores triadicas

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

#e8b6e5

#e8b6e5
rgb(232,182,229)

#b6e4e8

#b6e4e8
rgb(182,228,232)

#e5e8b6

#e5e8b6
rgb(229,232,182)

Cores tetrádicas

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

#d3b6e8

#d3b6e8
rgb(211,182,232)

#b6e4e8

#b6e4e8
rgb(182,228,232)

#e8bab6

#e8bab6
rgb(232,186,182)

#cce8b6

#cce8b6
rgb(204,232,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.

#b6e4e8

#b6e4e8
rgb(182,228,232)

#b7e5e8

#b7e5e8
rgb(183,229,232)

#b5e4e8

#b5e4e8
rgb(181,228,232)

#b3e4e8

#b3e4e8
rgb(179,228,232)

#b0e4e8

#b0e4e8
rgb(176,228,232)

#aee4e8

#aee4e8
rgb(174,228,232)

Tons e Matizes de #b6e4e8

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

Matiz (adicionando branco)
#b6e4e8

#b6e4e8
rgb(182,228,232)

#c4e9ec

#c4e9ec
rgb(196,233,236)

#d3eef1

#d3eef1
rgb(211,238,241)

#e1f4f5

#e1f4f5
rgb(225,244,245)

#f0f9fa

#f0f9fa
rgb(240,249,250)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b6e4e8

#b6e4e8
rgb(182,228,232)

#91b6b9

#91b6b9
rgb(145,182,185)

#6d888b

#6d888b
rgb(109,136,139)

#485b5c

#485b5c
rgb(72,91,92)

#242d2e

#242d2e
rgb(36,45,46)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b6e4e8

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b6e4e8.

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

Este elemento tem uma cor de borda de #b6e4e8.

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

Cores alietórias

#48b4f1

#48b4f1
rgb(72,180,241)

#94e7d8

#94e7d8
rgb(148,231,216)

#4d216e

#4d216e
rgb(77,33,110)

#9ba8a2

#9ba8a2
rgb(155,168,162)

#96963c

#96963c
rgb(150,150,60)

#d16ed7

#d16ed7
rgb(209,110,215)

#2fc173

#2fc173
rgb(47,193,115)

#95258b

#95258b
rgb(149,37,139)

#5fd66d

#5fd66d
rgb(95,214,109)

#0a1939

#0a1939
rgb(10,25,57)

#eef1c8

#eef1c8
rgb(238,241,200)

#213035

#213035
rgb(33,48,53)