Informação da cor #7dbd85

A cor hexadecimal 7dbd85 no modelo de cores RGB (Red, Green, Blue), é um composta por 125 de vermelho, 189 de verde e 133 de azul.

No padrão de cores CMYK, é composto por 33.9% de ciano, 0% de magenta, 29.6% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 127.5 graus, uma saturação de 32.7% e uma leveza de 61.6%.

A cor mais próxima WebSafe é 669966.

Conversões de #7dbd85 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 7dbd85
RGB 125, 189, 133
RGB Percentagem 49%, 74.1%, 52.2%
CMYK 0.34, 0, 0.3, 0.26
HSL 127.5°, 32.7%, 61.6%
HSV (ou HSB) 127.5°, 33.9%, 74.1%
RYB 49, 71.4, 74.1
Formato Cor
XYZ 33.7, 45.4, 32
CIELab 73.15, -30.44, 20.7
Decimal 8240517
Yxy 42.4471, 0.3026, 0.4158
YUV 163.48, 110.7991, 100.5535
CIELuv 71.1781, -31.4137, 35.5589
Web Safe 669966

Distribuição de #7dbd85

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.

#7dbd85

#7dbd85
rgb(125,189,133)

#bd7eb5

#bd7eb5
rgb(189,126,181)

Cores triadicas

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

#857ebd

#857ebd
rgb(133,126,189)

#7dbd85

#7dbd85
rgb(125,189,133)

#bd857e

#bd857e
rgb(189,133,126)

Cores tetrádicas

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

#7e95bd

#7e95bd
rgb(126,149,189)

#7dbd85

#7dbd85
rgb(125,189,133)

#bd7eb5

#bd7eb5
rgb(189,126,181)

#bda57e

#bda57e
rgb(189,165,126)

Cores monocromáticas

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

#7dbd85

#7dbd85
rgb(125,189,133)

#95bd9a

#95bd9a
rgb(149,189,154)

#93bd99

#93bd99
rgb(147,189,153)

#91bd97

#91bd97
rgb(145,189,151)

#8fbd95

#8fbd95
rgb(143,189,149)

#8ebd94

#8ebd94
rgb(142,189,148)

Tons e Matizes de #7dbd85

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

Matiz (adicionando branco)
#7dbd85

#7dbd85
rgb(125,189,133)

#97ca9d

#97ca9d
rgb(151,202,157)

#b1d7b5

#b1d7b5
rgb(177,215,181)

#cbe4ce

#cbe4ce
rgb(203,228,206)

#e5f1e6

#e5f1e6
rgb(229,241,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7dbd85

#7dbd85
rgb(125,189,133)

#64976a

#64976a
rgb(100,151,106)

#4b714f

#4b714f
rgb(75,113,79)

#314b35

#314b35
rgb(49,75,53)

#18251a

#18251a
rgb(24,37,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7dbd85

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #7dbd85.

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

Este elemento tem uma cor de borda de #7dbd85.

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

Cores alietórias

#bac72d

#bac72d
rgb(186,199,45)

#58fcca

#58fcca
rgb(88,252,202)

#f0b3f1

#f0b3f1
rgb(240,179,241)

#b39fe4

#b39fe4
rgb(179,159,228)

#2d1fe7

#2d1fe7
rgb(45,31,231)

#80e844

#80e844
rgb(128,232,68)

#772eb4

#772eb4
rgb(119,46,180)

#4ff4cf

#4ff4cf
rgb(79,244,207)

#f97e9f

#f97e9f
rgb(249,126,159)

#894dad

#894dad
rgb(137,77,173)

#10d9da

#10d9da
rgb(16,217,218)

#f88f36

#f88f36
rgb(248,143,54)