Informação da cor #b0eab0

A cor hexadecimal b0eab0 no modelo de cores RGB (Red, Green, Blue), é um composta por 176 de vermelho, 234 de verde e 176 de azul.

No padrão de cores CMYK, é composto por 24.8% de ciano, 0% de magenta, 24.8% de amarelo e 8.2% de preto. Tem um ângulo de matiz de 120 graus, uma saturação de 58% e uma leveza de 80.4%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #b0eab0 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 b0eab0
RGB 176, 234, 176
RGB Percentagem 69%, 91.8%, 69%
CMYK 0.25, 0, 0.25, 0.08
HSL 120°, 58%, 80.4%
HSV (ou HSB) 120°, 24.8%, 91.8%
RYB 69, 91.8, 91.8
Formato Cor
XYZ 57.5, 73.1, 55.1
CIELab 88.48, -27.47, 20.76
Decimal 11594416
Yxy 71.2085, 0.3094, 0.3994
YUV 210.046, 108.7867, 103.7161
CIELuv 87.5862, -28.8359, 37.2777
Web Safe 99CC99

Distribuição de #b0eab0

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.

#b0eab0

#b0eab0
rgb(176,234,176)

#eab0ea

#eab0ea
rgb(234,176,234)

Cores triadicas

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

#b0b0ea

#b0b0ea
rgb(176,176,234)

#b0eab0

#b0eab0
rgb(176,234,176)

#eab0b0

#eab0b0
rgb(234,176,176)

Cores tetrádicas

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

#b0cdea

#b0cdea
rgb(176,205,234)

#b0eab0

#b0eab0
rgb(176,234,176)

#eab0ea

#eab0ea
rgb(234,176,234)

#eacdb0

#eacdb0
rgb(234,205,176)

Cores monocromáticas

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

#b0eab0

#b0eab0
rgb(176,234,176)

#b9eab9

#b9eab9
rgb(185,234,185)

#b6eab6

#b6eab6
rgb(182,234,182)

#b4eab4

#b4eab4
rgb(180,234,180)

#b2eab2

#b2eab2
rgb(178,234,178)

#afeaaf

#afeaaf
rgb(175,234,175)

Tons e Matizes de #b0eab0

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

Matiz (adicionando branco)
#b0eab0

#b0eab0
rgb(176,234,176)

#bfeebf

#bfeebf
rgb(191,238,191)

#cff2cf

#cff2cf
rgb(207,242,207)

#dff6df

#dff6df
rgb(223,246,223)

#effaef

#effaef
rgb(239,250,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b0eab0

#b0eab0
rgb(176,234,176)

#8cbb8c

#8cbb8c
rgb(140,187,140)

#698c69

#698c69
rgb(105,140,105)

#465d46

#465d46
rgb(70,93,70)

#232e23

#232e23
rgb(35,46,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b0eab0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b0eab0.

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

Este elemento tem uma cor de borda de #b0eab0.

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

Cores alietórias

#643c77

#643c77
rgb(100,60,119)

#0e844f

#0e844f
rgb(14,132,79)

#428926

#428926
rgb(66,137,38)

#c71a79

#c71a79
rgb(199,26,121)

#06ee29

#06ee29
rgb(6,238,41)

#4adf69

#4adf69
rgb(74,223,105)

#daa541

#daa541
rgb(218,165,65)

#86565b

#86565b
rgb(134,86,91)

#6cc971

#6cc971
rgb(108,201,113)

#40c0ee

#40c0ee
rgb(64,192,238)

#b0dc7b

#b0dc7b
rgb(176,220,123)

#1fc0e8

#1fc0e8
rgb(31,192,232)