Informação da cor #acf673

A cor hexadecimal acf673 no modelo de cores RGB (Red, Green, Blue), é um composta por 172 de vermelho, 246 de verde e 115 de azul.

No padrão de cores CMYK, é composto por 30.1% de ciano, 0% de magenta, 53.3% de amarelo e 3.5% de preto. Tem um ângulo de matiz de 93.9 graus, uma saturação de 87.9% e uma leveza de 70.8%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #acf673 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 acf673
RGB 172, 246, 115
RGB Percentagem 67.5%, 96.5%, 45.1%
CMYK 0.3, 0, 0.53, 0.04
HSL 93.9°, 87.9%, 70.8%
HSV (ou HSB) 93.9°, 53.3%, 96.5%
RYB 45.1, 96.5, 74.1
Formato Cor
XYZ 55.1, 77.2, 30.8
CIELab 90.43, -41.9, 52.23
Decimal 11335283
Yxy 75.9182, 0.3379, 0.4834
YUV 208.94, 74.9865, 101.6519
CIELuv 89.8213, -36.7899, 78.3656
Web Safe 99CC66

Distribuição de #acf673

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.

#acf673

#acf673
rgb(172,246,115)

#bd74f6

#bd74f6
rgb(189,116,246)

Cores triadicas

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

#74adf6

#74adf6
rgb(116,173,246)

#acf673

#acf673
rgb(172,246,115)

#f674ad

#f674ad
rgb(246,116,173)

Cores tetrádicas

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

#74eef6

#74eef6
rgb(116,238,246)

#acf673

#acf673
rgb(172,246,115)

#bd74f6

#bd74f6
rgb(189,116,246)

#f67c74

#f67c74
rgb(246,124,116)

Cores monocromáticas

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

#acf673

#acf673
rgb(172,246,115)

#d9f6c2

#d9f6c2
rgb(217,246,194)

#d7f6bf

#d7f6bf
rgb(215,246,191)

#d6f6bd

#d6f6bd
rgb(214,246,189)

#d4f6ba

#d4f6ba
rgb(212,246,186)

#d3f6b8

#d3f6b8
rgb(211,246,184)

Tons e Matizes de #acf673

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

Matiz (adicionando branco)
#acf673

#acf673
rgb(172,246,115)

#bcf78f

#bcf78f
rgb(188,247,143)

#cdf9ab

#cdf9ab
rgb(205,249,171)

#ddfbc7

#ddfbc7
rgb(221,251,199)

#eefde3

#eefde3
rgb(238,253,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#acf673

#acf673
rgb(172,246,115)

#89c45c

#89c45c
rgb(137,196,92)

#679345

#679345
rgb(103,147,69)

#44622d

#44622d
rgb(68,98,45)

#223116

#223116
rgb(34,49,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #acf673

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #acf673.

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

Este elemento tem uma cor de borda de #acf673.

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

Cores alietórias

#523c3a

#523c3a
rgb(82,60,58)

#c292c1

#c292c1
rgb(194,146,193)

#0139e8

#0139e8
rgb(1,57,232)

#3646ed

#3646ed
rgb(54,70,237)

#8232bd

#8232bd
rgb(130,50,189)

#af54e8

#af54e8
rgb(175,84,232)

#f96443

#f96443
rgb(249,100,67)

#ef0420

#ef0420
rgb(239,4,32)

#9df106

#9df106
rgb(157,241,6)

#882013

#882013
rgb(136,32,19)

#7c6372

#7c6372
rgb(124,99,114)

#01a7bb

#01a7bb
rgb(1,167,187)