Informação da cor #b8d296

A cor hexadecimal b8d296 no modelo de cores RGB (Red, Green, Blue), é um composta por 184 de vermelho, 210 de verde e 150 de azul.

No padrão de cores CMYK, é composto por 12.4% de ciano, 0% de magenta, 28.6% de amarelo e 17.6% de preto. Tem um ângulo de matiz de 86 graus, uma saturação de 40% e uma leveza de 70.6%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #b8d296 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 b8d296
RGB 184, 210, 150
RGB Percentagem 72.2%, 82.4%, 58.8%
CMYK 0.12, 0, 0.29, 0.18
HSL 86°, 40%, 70.6%
HSV (ou HSB) 86°, 28.6%, 82.4%
RYB 58.8, 82.4, 69
Formato Cor
XYZ 51, 61.1, 41
CIELab 82.42, -17.93, 25.33
Decimal 12112534
Yxy 58.4852, 0.3346, 0.405
YUV 195.386, 102.3871, 119.8787
CIELuv 81.0078, -12.3313, 40.6285
Web Safe 99CC66

Distribuição de #b8d296

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.

#b8d296

#b8d296
rgb(184,210,150)

#b196d2

#b196d2
rgb(177,150,210)

Cores triadicas

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

#96b9d2

#96b9d2
rgb(150,185,210)

#b8d296

#b8d296
rgb(184,210,150)

#d296b8

#d296b8
rgb(210,150,184)

Cores tetrádicas

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

#96d2ce

#96d2ce
rgb(150,210,206)

#b8d296

#b8d296
rgb(184,210,150)

#b196d2

#b196d2
rgb(177,150,210)

#d2969a

#d2969a
rgb(210,150,154)

Cores monocromáticas

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

#b8d296

#b8d296
rgb(184,210,150)

#bfd2a6

#bfd2a6
rgb(191,210,166)

#bed2a4

#bed2a4
rgb(190,210,164)

#bdd2a2

#bdd2a2
rgb(189,210,162)

#bcd29f

#bcd29f
rgb(188,210,159)

#bbd29d

#bbd29d
rgb(187,210,157)

Tons e Matizes de #b8d296

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

Matiz (adicionando branco)
#b8d296

#b8d296
rgb(184,210,150)

#c6dbab

#c6dbab
rgb(198,219,171)

#d4e4c0

#d4e4c0
rgb(212,228,192)

#e2edd5

#e2edd5
rgb(226,237,213)

#f0f6ea

#f0f6ea
rgb(240,246,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b8d296

#b8d296
rgb(184,210,150)

#93a878

#93a878
rgb(147,168,120)

#6e7e5a

#6e7e5a
rgb(110,126,90)

#49533b

#49533b
rgb(73,83,59)

#24291d

#24291d
rgb(36,41,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b8d296

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b8d296.

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

Este elemento tem uma cor de borda de #b8d296.

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

Cores alietórias

#28148e

#28148e
rgb(40,20,142)

#687b7b

#687b7b
rgb(104,123,123)

#918dc0

#918dc0
rgb(145,141,192)

#9cb7ac

#9cb7ac
rgb(156,183,172)

#aba137

#aba137
rgb(171,161,55)

#43b33a

#43b33a
rgb(67,179,58)

#76b2e1

#76b2e1
rgb(118,178,225)

#366aec

#366aec
rgb(54,106,236)

#83445c

#83445c
rgb(131,68,92)

#55c5ec

#55c5ec
rgb(85,197,236)

#35d587

#35d587
rgb(53,213,135)

#2bc061

#2bc061
rgb(43,192,97)