Informação da cor #35a869

A cor hexadecimal 35a869 no modelo de cores RGB (Red, Green, Blue), é um composta por 53 de vermelho, 168 de verde e 105 de azul.

No padrão de cores CMYK, é composto por 68.5% de ciano, 0% de magenta, 37.5% de amarelo e 34.1% de preto. Tem um ângulo de matiz de 147.1 graus, uma saturação de 52% e uma leveza de 43.3%.

A cor mais próxima WebSafe é 339966.

Conversões de #35a869 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 35a869
RGB 53, 168, 105
RGB Percentagem 20.8%, 65.9%, 41.2%
CMYK 0.68, 0, 0.37, 0.34
HSL 147.1°, 52%, 43.3%
HSV (ou HSB) 147.1°, 68.5%, 65.9%
RYB 20.8, 52.2, 65.9
Formato Cor
XYZ 20.1, 32.5, 20.9
CIELab 63.74, -45.91, 22.04
Decimal 3516521
Yxy 29.7801, 0.2732, 0.4515
YUV 126.433, 115.9046, 75.6227
CIELuv 61.464, -47.158, 38.2585
Web Safe 339966

Distribuição de #35a869

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.

#35a869

#35a869
rgb(53,168,105)

#a83575

#a83575
rgb(168,53,117)

Cores triadicas

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

#6935a8

#6935a8
rgb(105,53,168)

#35a869

#35a869
rgb(53,168,105)

#a86935

#a86935
rgb(168,105,53)

Cores tetrádicas

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

#353ba8

#353ba8
rgb(53,59,168)

#35a869

#35a869
rgb(53,168,105)

#a83575

#a83575
rgb(168,53,117)

#a8a335

#a8a335
rgb(168,163,53)

Cores monocromáticas

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

#35a869

#35a869
rgb(53,168,105)

#84a895

#84a895
rgb(132,168,149)

#82a894

#82a894
rgb(130,168,148)

#81a893

#81a893
rgb(129,168,147)

#7fa892

#7fa892
rgb(127,168,146)

#7da891

#7da891
rgb(125,168,145)

Tons e Matizes de #35a869

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

Matiz (adicionando branco)
#35a869

#35a869
rgb(53,168,105)

#5db987

#5db987
rgb(93,185,135)

#85caa5

#85caa5
rgb(133,202,165)

#aedcc3

#aedcc3
rgb(174,220,195)

#d6ede1

#d6ede1
rgb(214,237,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#35a869

#35a869
rgb(53,168,105)

#2a8654

#2a8654
rgb(42,134,84)

#1f643f

#1f643f
rgb(31,100,63)

#154329

#154329
rgb(21,67,41)

#0a2114

#0a2114
rgb(10,33,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #35a869

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

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

Contraste

Branco e #35a869
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 #35a869
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #35a869

Este exemplo mostra como o texto na cor #35a869 se parece.

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

Este parágrafo tem fundo de cor #35a869.

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

Este elemento tem uma cor de borda de #35a869.

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

Cores alietórias

#cb83bd

#cb83bd
rgb(203,131,189)

#7f817c

#7f817c
rgb(127,129,124)

#c75086

#c75086
rgb(199,80,134)

#493e1e

#493e1e
rgb(73,62,30)

#2f0468

#2f0468
rgb(47,4,104)

#a04e4e

#a04e4e
rgb(160,78,78)

#997cba

#997cba
rgb(153,124,186)

#cddd46

#cddd46
rgb(205,221,70)

#109df2

#109df2
rgb(16,157,242)

#855a70

#855a70
rgb(133,90,112)

#310b99

#310b99
rgb(49,11,153)

#e0ec5d

#e0ec5d
rgb(224,236,93)