Informação da cor #7faf14

A cor hexadecimal 7faf14 no modelo de cores RGB (Red, Green, Blue), é um composta por 127 de vermelho, 175 de verde e 20 de azul.

No padrão de cores CMYK, é composto por 27.4% de ciano, 0% de magenta, 88.6% de amarelo e 31.4% de preto. Tem um ângulo de matiz de 78.6 graus, uma saturação de 79.5% e uma leveza de 38.2%.

A cor mais próxima WebSafe é 669900.

Conversões de #7faf14 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 7faf14
RGB 127, 175, 20
RGB Percentagem 49.8%, 68.6%, 7.8%
CMYK 0.27, 0, 0.89, 0.31
HSL 78.6°, 79.5%, 38.2%
HSV (ou HSB) 78.6°, 88.6%, 68.6%
RYB 7.8, 68.6, 26.7
Formato Cor
XYZ 26.6, 38.1, 7
CIELab 68.1, -35.46, 65.06
Decimal 8367892
Yxy 35.222, 0.3689, 0.5368
YUV 142.978, 58.5993, 116.6034
CIELuv 65.9211, -24.2341, 74.3306
Web Safe 669900

Distribuição de #7faf14

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.

#7faf14

#7faf14
rgb(127,175,20)

#4415af

#4415af
rgb(68,21,175)

Cores triadicas

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

#1580af

#1580af
rgb(21,128,175)

#7faf14

#7faf14
rgb(127,175,20)

#af1580

#af1580
rgb(175,21,128)

Cores tetrádicas

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

#15af92

#15af92
rgb(21,175,146)

#7faf14

#7faf14
rgb(127,175,20)

#4415af

#4415af
rgb(68,21,175)

#af1532

#af1532
rgb(175,21,50)

Cores monocromáticas

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

#7faf14

#7faf14
rgb(127,175,20)

#a4af89

#a4af89
rgb(164,175,137)

#a3af87

#a3af87
rgb(163,175,135)

#a3af86

#a3af86
rgb(163,175,134)

#a2af84

#a2af84
rgb(162,175,132)

#a1af82

#a1af82
rgb(161,175,130)

Tons e Matizes de #7faf14

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

Matiz (adicionando branco)
#7faf14

#7faf14
rgb(127,175,20)

#98bf43

#98bf43
rgb(152,191,67)

#b2cf72

#b2cf72
rgb(178,207,114)

#cbdfa1

#cbdfa1
rgb(203,223,161)

#e5efd0

#e5efd0
rgb(229,239,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7faf14

#7faf14
rgb(127,175,20)

#658c10

#658c10
rgb(101,140,16)

#4c690c

#4c690c
rgb(76,105,12)

#324507

#324507
rgb(50,69,7)

#192203

#192203
rgb(25,34,3)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7faf14

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #7faf14.

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

Este elemento tem uma cor de borda de #7faf14.

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

Cores alietórias

#0e57dc

#0e57dc
rgb(14,87,220)

#797f04

#797f04
rgb(121,127,4)

#ac9133

#ac9133
rgb(172,145,51)

#963419

#963419
rgb(150,52,25)

#a5aeb8

#a5aeb8
rgb(165,174,184)

#ac1a7e

#ac1a7e
rgb(172,26,126)

#eb643c

#eb643c
rgb(235,100,60)

#0efd3a

#0efd3a
rgb(14,253,58)

#2fddcc

#2fddcc
rgb(47,221,204)

#37d67b

#37d67b
rgb(55,214,123)

#bf0a42

#bf0a42
rgb(191,10,66)

#62cbb1

#62cbb1
rgb(98,203,177)