Informação da cor #8be255

A cor hexadecimal 8be255 no modelo de cores RGB (Red, Green, Blue), é um composta por 139 de vermelho, 226 de verde e 85 de azul.

No padrão de cores CMYK, é composto por 38.5% de ciano, 0% de magenta, 62.4% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 97 graus, uma saturação de 70.9% e uma leveza de 61%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #8be255 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 8be255
RGB 139, 226, 85
RGB Percentagem 54.5%, 88.6%, 33.3%
CMYK 0.38, 0, 0.62, 0.11
HSL 97°, 70.9%, 61%
HSV (ou HSB) 97°, 62.4%, 88.6%
RYB 33.3, 88.6, 67.5
Formato Cor
XYZ 41.8, 62.6, 20.4
CIELab 83.23, -47.64, 56.69
Decimal 9167445
Yxy 60.5356, 0.334, 0.5121
YUV 183.913, 72.18, 95.965
CIELuv 82.1284, -42.9646, 80.4368
Web Safe 66CC33

Distribuição de #8be255

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.

#8be255

#8be255
rgb(139,226,85)

#ad56e2

#ad56e2
rgb(173,86,226)

Cores triadicas

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

#568be2

#568be2
rgb(86,139,226)

#8be255

#8be255
rgb(139,226,85)

#e2568b

#e2568b
rgb(226,86,139)

Cores tetrádicas

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

#56d2e2

#56d2e2
rgb(86,210,226)

#8be255

#8be255
rgb(139,226,85)

#ad56e2

#ad56e2
rgb(173,86,226)

#e26656

#e26656
rgb(226,102,86)

Cores monocromáticas

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

#8be255

#8be255
rgb(139,226,85)

#c4e2b2

#c4e2b2
rgb(196,226,178)

#c3e2af

#c3e2af
rgb(195,226,175)

#c2e2ad

#c2e2ad
rgb(194,226,173)

#c0e2ab

#c0e2ab
rgb(192,226,171)

#bfe2a9

#bfe2a9
rgb(191,226,169)

Tons e Matizes de #8be255

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

Matiz (adicionando branco)
#8be255

#8be255
rgb(139,226,85)

#a2e777

#a2e777
rgb(162,231,119)

#b9ed99

#b9ed99
rgb(185,237,153)

#d0f3bb

#d0f3bb
rgb(208,243,187)

#e7f9dd

#e7f9dd
rgb(231,249,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8be255

#8be255
rgb(139,226,85)

#6fb444

#6fb444
rgb(111,180,68)

#538733

#538733
rgb(83,135,51)

#375a21

#375a21
rgb(55,90,33)

#1b2d10

#1b2d10
rgb(27,45,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8be255

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

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

Contraste

Branco e #8be255
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 #8be255
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 #8be255

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

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

Este parágrafo tem fundo de cor #8be255.

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

Este elemento tem uma cor de borda de #8be255.

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

Cores alietórias

#1e8d77

#1e8d77
rgb(30,141,119)

#82e9c6

#82e9c6
rgb(130,233,198)

#7ad0fa

#7ad0fa
rgb(122,208,250)

#20746e

#20746e
rgb(32,116,110)

#c0b725

#c0b725
rgb(192,183,37)

#3c5e42

#3c5e42
rgb(60,94,66)

#a6bc6a

#a6bc6a
rgb(166,188,106)

#9880c9

#9880c9
rgb(152,128,201)

#524624

#524624
rgb(82,70,36)

#95cc6b

#95cc6b
rgb(149,204,107)

#4df8fb

#4df8fb
rgb(77,248,251)

#e00e2f

#e00e2f
rgb(224,14,47)