Cor #89f795 - Guia Completo com Informações, Conversões e Esquemas

A cor hexadecimal #89f795 corresponde ao modelo de cores RGB (Red, Green, Blue), com 137 de vermelho, 247 de verde e 149 de azul.

No padrão CMYK, essa cor é composta por 44.5% de ciano, 0% de magenta, 39.7% de amarelo e 3.1% de preto. Ela possui um ângulo de matiz de 126.6 graus, uma saturação de 87.3% e uma leveza de 75.3%.

Para ser mais WebSafe a cor mais próxima é 66CC66.

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	89f795
RGB	137, 247, 149
RGB Percentagem	53.7%, 96.9%, 58.4%
CMYK	0.45, 0, 0.4, 0.03
HSL	126.6°, 87.3%, 75.3%
HSV (ou HSB)	126.6°, 44.5%, 96.9%
RYB	53.7, 92.9, 96.9

Formato	Cor
XYZ	51, 75.3, 43.3
CIELab	89.53, -48.47, 34.91
Decimal	9041813
Yxy	74.0064, 0.3004, 0.4536
YUV	202.938, 97.561, 80.9686
CIELuv	88.9255, -51.623, 60.3792
Web Safe	66CC66

A cor é distribuída de diferentes maneiras em modelos de cores como RGB, RYB, CMYK e CMY.

RGB

RYB

CMYK

CMY

Cores complementares

São uma combinação harmoniosa de cores opostas na roda de cores. Em outras palavras, essas cores são simétricas em relação ao centro da roda e criam uma sensação de equilíbrio visual. A diferença de matiz entre cores complementares é de 180º.

#89f795

#f789ec

Cores triadicas

As cores triádicas são uma combinação harmoniosa de três cores equidistantes no círculo cromático. Essa técnica de harmonização de cores envolve a escolha de três cores que estão igualmente espaçadas na roda de cores, como azul, amarelo e vermelho.

#9589f7

#89f795

#f79589

Cores tetrádicas

As cores tetrádicas são uma combinação harmoniosa de duas pares de cores complementares na roda de cores. Essa técnica de harmonização de cores envolve a escolha de duas pares de cores opostas, o que resulta em quatro cores em uma relação complementar. Ao usar essas cores juntas, você pode criar uma sensação de equilíbrio e uma aparência.

#89b5f7

#89f795

#f789ec

#f7cc89

Cores monocromáticas

A harmonia monocromática é alcançada ao usar variações de uma única cor da roda das cores. Essa técnica de harmonização de cores envolve a escolha de diferentes tonalidades, tons e intensidades da mesma cor, resultando em uma aparência coesa e equilibrada. Ao usar a harmonia monocromática, você pode criar uma sensação de unidade e tranquilidade.

#89f795

#c3f7c8

#c0f7c6

#bef7c4

#bbf7c2

#b9f7c0

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

Matiz (adicionando branco)

#89f795

#a0f8aa

#b8fabf

#cffbd4

#e7fde9

#ffffff

Sombra (adicionando preto)

#89f795

#6dc577

#529459

#36623b

#1b311d

#000000

Ao compreender como usar sombras e matizes em suas criações, você pode adicionar profundidade e dimensão à sua arte ou projeto. Descubra como criar sombras e matizes a partir de cores puras para criar uma paleta de cores equilibrada e atraente.

Gerador de gradiente CSS

Fundo branco

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

Fundo preto

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

Fundo de cor #89f795

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

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

Branco e #89f795

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 #89f795

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.

Texto com cor hexadecimal #89f795

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

<span style="color:#89f795;">Aqui fica o texto.</span>

Cor de fundo #89f795

Este parágrafo tem fundo de cor #89f795.

<p style="background-color:#89f795;">O conteúdo fica aqui.</p>

Borda de cor #000bef

Este elemento tem uma cor de borda de #89f795.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>

Códigos CSS

.text {color:#89f795;}

.background {background-color:#89f795;}

.border {border:1px solid #89f795;}

#1e3b30

#7802ff

#e6c4c1

#1108ac

#d7c4b5

#7e90e6

#2bc1c4

#1b2808

#a366a3

#347ab7

#baf983

#bbdba3

Informação da cor #89f795

Conversões da cor #89f795 num outro espaço de cores

Distribuição de #89f795

RGB

RYB

CMYK

CMY

Harmonia de cores

Cores complementares

Cores triadicas

Cores tetrádicas

Cores monocromáticas

Tons e Matizes de #89f795

Matiz (adicionando branco)

Sombra (adicionando preto)

Pré-visualização

Fundo branco

Fundo preto

Fundo de cor #89f795

Contraste

Branco e #89f795

Preto e #89f795

Exemplos CSS

Cores alietórias