Informação da cor #78ea83

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

No padrão de cores CMYK, é composto por 48.7% de ciano, 0% de magenta, 44% de amarelo e 8.2% de preto. Tem um ângulo de matiz de 125.8 graus, uma saturação de 73.1% e uma leveza de 69.4%.

A cor mais próxima WebSafe é 66CC66.

Conversões de #78ea83 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 78ea83
RGB 120, 234, 131
RGB Percentagem 47.1%, 91.8%, 51.4%
CMYK 0.49, 0, 0.44, 0.08
HSL 125.8°, 73.1%, 69.4%
HSV (ou HSB) 125.8°, 48.7%, 91.8%
RYB 47.1, 87.8, 91.8
Formato Cor
XYZ 43.4, 66.3, 34.8
CIELab 85.13, -50.74, 37.63
Decimal 7924355
Yxy 64.4743, 0.3001, 0.469
YUV 188.172, 95.7359, 79.3751
CIELuv 84.2121, -52.8562, 62.9079
Web Safe 66CC66

Distribuição de #78ea83

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.

#78ea83

#78ea83
rgb(120,234,131)

#ea78df

#ea78df
rgb(234,120,223)

Cores triadicas

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

#8478ea

#8478ea
rgb(132,120,234)

#78ea83

#78ea83
rgb(120,234,131)

#ea8478

#ea8478
rgb(234,132,120)

Cores tetrádicas

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

#78a6ea

#78a6ea
rgb(120,166,234)

#78ea83

#78ea83
rgb(120,234,131)

#ea78df

#ea78df
rgb(234,120,223)

#eabd78

#eabd78
rgb(234,189,120)

Cores monocromáticas

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

#78ea83

#78ea83
rgb(120,234,131)

#b8eabd

#b8eabd
rgb(184,234,189)

#b6eabb

#b6eabb
rgb(182,234,187)

#b4eab9

#b4eab9
rgb(180,234,185)

#b1eab7

#b1eab7
rgb(177,234,183)

#afeab5

#afeab5
rgb(175,234,181)

Tons e Matizes de #78ea83

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

Matiz (adicionando branco)
#78ea83

#78ea83
rgb(120,234,131)

#93ee9b

#93ee9b
rgb(147,238,155)

#aef2b4

#aef2b4
rgb(174,242,180)

#c9f6cd

#c9f6cd
rgb(201,246,205)

#e4fae6

#e4fae6
rgb(228,250,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#78ea83

#78ea83
rgb(120,234,131)

#60bb68

#60bb68
rgb(96,187,104)

#488c4e

#488c4e
rgb(72,140,78)

#2f5d34

#2f5d34
rgb(47,93,52)

#172e1a

#172e1a
rgb(23,46,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #78ea83

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

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

Contraste

Branco e #78ea83
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 #78ea83
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 #78ea83

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

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

Este parágrafo tem fundo de cor #78ea83.

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

Este elemento tem uma cor de borda de #78ea83.

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

Cores alietórias

#58e776

#58e776
rgb(88,231,118)

#550efa

#550efa
rgb(85,14,250)

#6fb966

#6fb966
rgb(111,185,102)

#4d03e7

#4d03e7
rgb(77,3,231)

#111d40

#111d40
rgb(17,29,64)

#752e2c

#752e2c
rgb(117,46,44)

#5b2784

#5b2784
rgb(91,39,132)

#8be792

#8be792
rgb(139,231,146)

#1605bc

#1605bc
rgb(22,5,188)

#f7bece

#f7bece
rgb(247,190,206)

#0c00c7

#0c00c7
rgb(12,0,199)

#f77997

#f77997
rgb(247,121,151)