Informação da cor #acbf30

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

No padrão de cores CMYK, é composto por 9.9% de ciano, 0% de magenta, 74.9% de amarelo e 25.1% de preto. Tem um ângulo de matiz de 68 graus, uma saturação de 59.8% e uma leveza de 46.9%.

A cor mais próxima WebSafe é 999900.

Conversões de #acbf30 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 acbf30
RGB 172, 191, 48
RGB Percentagem 67.5%, 74.9%, 18.8%
CMYK 0.1, 0, 0.75, 0.25
HSL 68°, 59.8%, 46.9%
HSV (ou HSB) 68°, 74.9%, 74.9%
RYB 18.8, 74.9, 26.3
Formato Cor
XYZ 38.7, 49.1, 11.2
CIELab 75.5, -23.78, 64.1
Decimal 11321136
Yxy 46.2461, 0.3922, 0.5014
YUV 169.017, 59.706, 130.1276
CIELuv 73.7049, -6.9525, 76.4675
Web Safe 999900

Distribuição de #acbf30

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.

#acbf30

#acbf30
rgb(172,191,48)

#4331bf

#4331bf
rgb(67,49,191)

Cores triadicas

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

#31adbf

#31adbf
rgb(49,173,191)

#acbf30

#acbf30
rgb(172,191,48)

#bf31ad

#bf31ad
rgb(191,49,173)

Cores tetrádicas

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

#31bf8b

#31bf8b
rgb(49,191,139)

#acbf30

#acbf30
rgb(172,191,48)

#4331bf

#4331bf
rgb(67,49,191)

#bf3165

#bf3165
rgb(191,49,101)

Cores monocromáticas

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

#acbf30

#acbf30
rgb(172,191,48)

#babf96

#babf96
rgb(186,191,150)

#babf94

#babf94
rgb(186,191,148)

#b9bf92

#b9bf92
rgb(185,191,146)

#b9bf90

#b9bf90
rgb(185,191,144)

#b9bf8e

#b9bf8e
rgb(185,191,142)

Tons e Matizes de #acbf30

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

Matiz (adicionando branco)
#acbf30

#acbf30
rgb(172,191,48)

#bccb59

#bccb59
rgb(188,203,89)

#cdd882

#cdd882
rgb(205,216,130)

#dde5ac

#dde5ac
rgb(221,229,172)

#eef2d5

#eef2d5
rgb(238,242,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#acbf30

#acbf30
rgb(172,191,48)

#899826

#899826
rgb(137,152,38)

#67721c

#67721c
rgb(103,114,28)

#444c13

#444c13
rgb(68,76,19)

#222609

#222609
rgb(34,38,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #acbf30

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #acbf30.

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

Este elemento tem uma cor de borda de #acbf30.

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

Cores alietórias

#728510

#728510
rgb(114,133,16)

#39ad71

#39ad71
rgb(57,173,113)

#f3a9d0

#f3a9d0
rgb(243,169,208)

#e5d2fb

#e5d2fb
rgb(229,210,251)

#740be1

#740be1
rgb(116,11,225)

#6cf912

#6cf912
rgb(108,249,18)

#73db42

#73db42
rgb(115,219,66)

#95dc40

#95dc40
rgb(149,220,64)

#58a64c

#58a64c
rgb(88,166,76)

#c21dfe

#c21dfe
rgb(194,29,254)

#8d7c81

#8d7c81
rgb(141,124,129)

#bee152

#bee152
rgb(190,225,82)