Informação da cor #6fd474

A cor hexadecimal 6fd474 no modelo de cores RGB (Red, Green, Blue), é um composta por 111 de vermelho, 212 de verde e 116 de azul.

No padrão de cores CMYK, é composto por 47.6% de ciano, 0% de magenta, 45.3% de amarelo e 16.9% de preto. Tem um ângulo de matiz de 123 graus, uma saturação de 54% e uma leveza de 63.3%.

A cor mais próxima WebSafe é 66CC66.

Conversões de #6fd474 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 6fd474
RGB 111, 212, 116
RGB Percentagem 43.5%, 83.1%, 45.5%
CMYK 0.48, 0, 0.45, 0.17
HSL 123°, 54%, 63.3%
HSV (ou HSB) 123°, 47.6%, 83.1%
RYB 43.5, 81.6, 83.1
Formato Cor
XYZ 35.7, 54.2, 27.7
CIELab 78.55, -46.91, 36.33
Decimal 7328884
Yxy 51.725, 0.303, 0.4714
YUV 170.857, 97.0423, 85.306
CIELuv 77.1161, -47.4018, 58.7931
Web Safe 66CC66

Distribuição de #6fd474

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.

#6fd474

#6fd474
rgb(111,212,116)

#d470cf

#d470cf
rgb(212,112,207)

Cores triadicas

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

#7570d4

#7570d4
rgb(117,112,212)

#6fd474

#6fd474
rgb(111,212,116)

#d47570

#d47570
rgb(212,117,112)

Cores tetrádicas

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

#709dd4

#709dd4
rgb(112,157,212)

#6fd474

#6fd474
rgb(111,212,116)

#d470cf

#d470cf
rgb(212,112,207)

#d4a770

#d4a770
rgb(212,167,112)

Cores monocromáticas

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

#6fd474

#6fd474
rgb(111,212,116)

#a7d4a9

#a7d4a9
rgb(167,212,169)

#a5d4a7

#a5d4a7
rgb(165,212,167)

#a3d4a5

#a3d4a5
rgb(163,212,165)

#a1d4a3

#a1d4a3
rgb(161,212,163)

#9ed4a1

#9ed4a1
rgb(158,212,161)

Tons e Matizes de #6fd474

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

Matiz (adicionando branco)
#6fd474

#6fd474
rgb(111,212,116)

#8bdc8f

#8bdc8f
rgb(139,220,143)

#a8e5ab

#a8e5ab
rgb(168,229,171)

#c5edc7

#c5edc7
rgb(197,237,199)

#e2f6e3

#e2f6e3
rgb(226,246,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6fd474

#6fd474
rgb(111,212,116)

#58a95c

#58a95c
rgb(88,169,92)

#427f45

#427f45
rgb(66,127,69)

#2c542e

#2c542e
rgb(44,84,46)

#162a17

#162a17
rgb(22,42,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6fd474

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

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

Contraste

Branco e #6fd474
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 #6fd474
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 #6fd474

Este exemplo mostra como o texto na cor #6fd474 se parece.

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

Este parágrafo tem fundo de cor #6fd474.

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

Este elemento tem uma cor de borda de #6fd474.

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

Cores alietórias

#a267a5

#a267a5
rgb(162,103,165)

#457324

#457324
rgb(69,115,36)

#ffc8b5

#ffc8b5
rgb(255,200,181)

#eda231

#eda231
rgb(237,162,49)

#83bb8c

#83bb8c
rgb(131,187,140)

#1fa71a

#1fa71a
rgb(31,167,26)

#d6bcdb

#d6bcdb
rgb(214,188,219)

#619ba2

#619ba2
rgb(97,155,162)

#483e0a

#483e0a
rgb(72,62,10)

#627655

#627655
rgb(98,118,85)

#c3a6a6

#c3a6a6
rgb(195,166,166)

#c61037

#c61037
rgb(198,16,55)