Informação da cor #74f147

A cor hexadecimal 74f147 no modelo de cores RGB (Red, Green, Blue), é um composta por 116 de vermelho, 241 de verde e 71 de azul.

No padrão de cores CMYK, é composto por 51.9% de ciano, 0% de magenta, 70.5% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 104.1 graus, uma saturação de 85.9% e uma leveza de 61.2%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #74f147 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 74f147
RGB 116, 241, 71
RGB Percentagem 45.5%, 94.5%, 27.8%
CMYK 0.52, 0, 0.71, 0.05
HSL 104.1°, 85.9%, 61.2%
HSV (ou HSB) 104.1°, 70.5%, 94.5%
RYB 27.8, 94.5, 76.9
Formato Cor
XYZ 41.6, 68.5, 18.5
CIELab 86.23, -61.17, 65.44
Decimal 7663943
Yxy 67.0754, 0.3217, 0.5423
YUV 184.245, 64.092, 79.323
CIELuv 85.542, -58.5546, 91.5073
Web Safe 66CC33

Distribuição de #74f147

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.

#74f147

#74f147
rgb(116,241,71)

#c448f1

#c448f1
rgb(196,72,241)

Cores triadicas

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

#4875f1

#4875f1
rgb(72,117,241)

#74f147

#74f147
rgb(116,241,71)

#f14875

#f14875
rgb(241,72,117)

Cores tetrádicas

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

#48caf1

#48caf1
rgb(72,202,241)

#74f147

#74f147
rgb(116,241,71)

#c448f1

#c448f1
rgb(196,72,241)

#f16f48

#f16f48
rgb(241,111,72)

Cores monocromáticas

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

#74f147

#74f147
rgb(116,241,71)

#cbf1bd

#cbf1bd
rgb(203,241,189)

#c9f1bb

#c9f1bb
rgb(201,241,187)

#c7f1b8

#c7f1b8
rgb(199,241,184)

#c6f1b6

#c6f1b6
rgb(198,241,182)

#c4f1b4

#c4f1b4
rgb(196,241,180)

Tons e Matizes de #74f147

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

Matiz (adicionando branco)
#74f147

#74f147
rgb(116,241,71)

#8ff36b

#8ff36b
rgb(143,243,107)

#abf690

#abf690
rgb(171,246,144)

#c7f9b5

#c7f9b5
rgb(199,249,181)

#e3fcda

#e3fcda
rgb(227,252,218)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#74f147

#74f147
rgb(116,241,71)

#5cc038

#5cc038
rgb(92,192,56)

#45902a

#45902a
rgb(69,144,42)

#2e601c

#2e601c
rgb(46,96,28)

#17300e

#17300e
rgb(23,48,14)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #74f147

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

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

Contraste

Branco e #74f147
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 #74f147
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 #74f147

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

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

Este parágrafo tem fundo de cor #74f147.

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

Este elemento tem uma cor de borda de #74f147.

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

Cores alietórias

#b30347

#b30347
rgb(179,3,71)

#a334d3

#a334d3
rgb(163,52,211)

#2a3f87

#2a3f87
rgb(42,63,135)

#65396f

#65396f
rgb(101,57,111)

#f1975b

#f1975b
rgb(241,151,91)

#5818c9

#5818c9
rgb(88,24,201)

#6a26ec

#6a26ec
rgb(106,38,236)

#f0c3d0

#f0c3d0
rgb(240,195,208)

#b34441

#b34441
rgb(179,68,65)

#e3ee0e

#e3ee0e
rgb(227,238,14)

#fbe962

#fbe962
rgb(251,233,98)

#e4314c

#e4314c
rgb(228,49,76)