Informação da cor #1ae643

A cor hexadecimal 1ae643 no modelo de cores RGB (Red, Green, Blue), é um composta por 26 de vermelho, 230 de verde e 67 de azul.

No padrão de cores CMYK, é composto por 88.7% de ciano, 0% de magenta, 70.9% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 132.1 graus, uma saturação de 80.3% e uma leveza de 50.2%.

A cor mais próxima WebSafe é 00CC33.

Conversões de #1ae643 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 1ae643
RGB 26, 230, 67
RGB Percentagem 10.2%, 90.2%, 26.3%
CMYK 0.89, 0, 0.71, 0.1
HSL 132.1°, 80.3%, 50.2%
HSV (ou HSB) 132.1°, 88.7%, 90.2%
RYB 10.2, 76.9, 90.2
Formato Cor
XYZ 30.8, 58.6, 16.4
CIELab 81.04, -74.98, 60.84
Decimal 1762883
Yxy 57.2146, 0.2923, 0.5624
YUV 150.422, 80.9221, 39.2539
CIELuv 80.3002, -73.3546, 87.6689
Web Safe 00CC33

Distribuição de #1ae643

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.

#1ae643

#1ae643
rgb(26,230,67)

#e61bbe

#e61bbe
rgb(230,27,190)

Cores triadicas

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

#431be6

#431be6
rgb(67,27,230)

#1ae643

#1ae643
rgb(26,230,67)

#e6431b

#e6431b
rgb(230,67,27)

Cores tetrádicas

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

#1b58e6

#1b58e6
rgb(27,88,230)

#1ae643

#1ae643
rgb(26,230,67)

#e61bbe

#e61bbe
rgb(230,27,190)

#e6a91b

#e6a91b
rgb(230,169,27)

Cores monocromáticas

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

#1ae643

#1ae643
rgb(26,230,67)

#b4e6be

#b4e6be
rgb(180,230,190)

#b2e6bc

#b2e6bc
rgb(178,230,188)

#b0e6bb

#b0e6bb
rgb(176,230,187)

#ade6b9

#ade6b9
rgb(173,230,185)

#abe6b7

#abe6b7
rgb(171,230,183)

Tons e Matizes de #1ae643

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

Matiz (adicionando branco)
#1ae643

#1ae643
rgb(26,230,67)

#47eb68

#47eb68
rgb(71,235,104)

#75f08e

#75f08e
rgb(117,240,142)

#a3f5b3

#a3f5b3
rgb(163,245,179)

#d1fad9

#d1fad9
rgb(209,250,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1ae643

#1ae643
rgb(26,230,67)

#14b835

#14b835
rgb(20,184,53)

#0f8a28

#0f8a28
rgb(15,138,40)

#0a5b1a

#0a5b1a
rgb(10,91,26)

#052d0d

#052d0d
rgb(5,45,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1ae643

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

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

Contraste

Branco e #1ae643
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 #1ae643
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 #1ae643

Este exemplo mostra como o texto na cor #1ae643 se parece.

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

Este parágrafo tem fundo de cor #1ae643.

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

Este elemento tem uma cor de borda de #1ae643.

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

Cores alietórias

#b67215

#b67215
rgb(182,114,21)

#8bcfa1

#8bcfa1
rgb(139,207,161)

#00f8be

#00f8be
rgb(0,248,190)

#ac71bc

#ac71bc
rgb(172,113,188)

#9f00f0

#9f00f0
rgb(159,0,240)

#e45c1a

#e45c1a
rgb(228,92,26)

#376343

#376343
rgb(55,99,67)

#c25843

#c25843
rgb(194,88,67)

#a267ff

#a267ff
rgb(162,103,255)

#ef4bc6

#ef4bc6
rgb(239,75,198)

#322ef7

#322ef7
rgb(50,46,247)

#b69882

#b69882
rgb(182,152,130)