Informação da cor #7ecdaf

A cor hexadecimal 7ecdaf no modelo de cores RGB (Red, Green, Blue), é um composta por 126 de vermelho, 205 de verde e 175 de azul.

No padrão de cores CMYK, é composto por 38.5% de ciano, 0% de magenta, 14.6% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 157.2 graus, uma saturação de 44.1% e uma leveza de 64.9%.

A cor mais próxima WebSafe é 66CC99.

Conversões de #7ecdaf 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 7ecdaf
RGB 126, 205, 175
RGB Percentagem 49.4%, 80.4%, 68.6%
CMYK 0.39, 0, 0.15, 0.2
HSL 157.2°, 44.1%, 64.9%
HSV (ou HSB) 157.2°, 38.5%, 80.4%
RYB 49.4, 68.6, 80.4
Formato Cor
XYZ 40.9, 53.9, 51.8
CIELab 78.39, -29.49, 6.65
Decimal 8310191
Yxy 51.1909, 0.277, 0.3715
YUV 177.959, 126.3301, 90.9394
CIELuv 76.7945, -37.2779, 15.946
Web Safe 66CC99

Distribuição de #7ecdaf

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.

#7ecdaf

#7ecdaf
rgb(126,205,175)

#cd7e9d

#cd7e9d
rgb(205,126,157)

Cores triadicas

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

#af7ecd

#af7ecd
rgb(175,126,205)

#7ecdaf

#7ecdaf
rgb(126,205,175)

#cdaf7e

#cdaf7e
rgb(205,175,126)

Cores tetrádicas

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

#887ecd

#887ecd
rgb(136,126,205)

#7ecdaf

#7ecdaf
rgb(126,205,175)

#cd7e9d

#cd7e9d
rgb(205,126,157)

#c4cd7e

#c4cd7e
rgb(196,205,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.

#7ecdaf

#7ecdaf
rgb(126,205,175)

#a2cdbd

#a2cdbd
rgb(162,205,189)

#a0cdbc

#a0cdbc
rgb(160,205,188)

#9ecdbb

#9ecdbb
rgb(158,205,187)

#9ccdbb

#9ccdbb
rgb(156,205,187)

#99cdba

#99cdba
rgb(153,205,186)

Tons e Matizes de #7ecdaf

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

Matiz (adicionando branco)
#7ecdaf

#7ecdaf
rgb(126,205,175)

#97d7bf

#97d7bf
rgb(151,215,191)

#b1e1cf

#b1e1cf
rgb(177,225,207)

#cbebdf

#cbebdf
rgb(203,235,223)

#e5f5ef

#e5f5ef
rgb(229,245,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7ecdaf

#7ecdaf
rgb(126,205,175)

#64a48c

#64a48c
rgb(100,164,140)

#4b7b69

#4b7b69
rgb(75,123,105)

#325145

#325145
rgb(50,81,69)

#192822

#192822
rgb(25,40,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7ecdaf

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#9edad4

#9edad4
rgb(158,218,212)

#308236

#308236
rgb(48,130,54)

#33b79a

#33b79a
rgb(51,183,154)

#631dad

#631dad
rgb(99,29,173)

#901aff

#901aff
rgb(144,26,255)

#021325

#021325
rgb(2,19,37)

#e8d5ba

#e8d5ba
rgb(232,213,186)

#30be54

#30be54
rgb(48,190,84)

#75e705

#75e705
rgb(117,231,5)

#173ded

#173ded
rgb(23,61,237)

#8226f1

#8226f1
rgb(130,38,241)

#914047

#914047
rgb(145,64,71)