Informação da cor #6f627d

A cor hexadecimal 6f627d no modelo de cores RGB (Red, Green, Blue), é um composta por 111 de vermelho, 98 de verde e 125 de azul.

No padrão de cores CMYK, é composto por 11.2% de ciano, 21.6% de magenta, 0% de amarelo e 51% de preto. Tem um ângulo de matiz de 268.9 graus, uma saturação de 12.1% e uma leveza de 43.7%.

A cor mais próxima WebSafe é 663366.

Conversões de #6f627d 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 6f627d
RGB 111, 98, 125
RGB Percentagem 43.5%, 38.4%, 49%
CMYK 0.11, 0.22, 0, 0.51
HSL 268.9°, 12.1%, 43.7%
HSV (ou HSB) 268.9°, 21.6%, 49%
RYB 43.5, 38.4, 49
Formato Cor
XYZ 17.1, 16, 24.3
CIELab 47.02, 10.44, -12.71
Decimal 7299709
Yxy 13.5956, 0.2956, 0.2748
YUV 104.965, 139.3064, 132.3046
CIELuv 43.6473, 5.3141, -19.8121
Web Safe 663366

Distribuição de #6f627d

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.

#6f627d

#6f627d
rgb(111,98,125)

#717d62

#717d62
rgb(113,125,98)

Cores triadicas

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

#7d6f62

#7d6f62
rgb(125,111,98)

#6f627d

#6f627d
rgb(111,98,125)

#627d6f

#627d6f
rgb(98,125,111)

Cores tetrádicas

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

#7d6263

#7d6263
rgb(125,98,99)

#6f627d

#6f627d
rgb(111,98,125)

#717d62

#717d62
rgb(113,125,98)

#627d7d

#627d7d
rgb(98,125,125)

Cores monocromáticas

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

#6f627d

#6f627d
rgb(111,98,125)

#70637d

#70637d
rgb(112,99,125)

#6f627d

#6f627d
rgb(111,98,125)

#6e607d

#6e607d
rgb(110,96,125)

#6e5f7d

#6e5f7d
rgb(110,95,125)

#6d5e7d

#6d5e7d
rgb(109,94,125)

Tons e Matizes de #6f627d

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

Matiz (adicionando branco)
#6f627d

#6f627d
rgb(111,98,125)

#8b8197

#8b8197
rgb(139,129,151)

#a8a0b1

#a8a0b1
rgb(168,160,177)

#c5c0cb

#c5c0cb
rgb(197,192,203)

#e2dfe5

#e2dfe5
rgb(226,223,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6f627d

#6f627d
rgb(111,98,125)

#584e64

#584e64
rgb(88,78,100)

#423a4b

#423a4b
rgb(66,58,75)

#2c2731

#2c2731
rgb(44,39,49)

#161318

#161318
rgb(22,19,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6f627d

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

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

Contraste

Branco e #6f627d
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #6f627d
Texto grande WCAG AA ✓ 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.

Exemplos CSS

Texto com cor hexadecimal #6f627d

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

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

Este parágrafo tem fundo de cor #6f627d.

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

Este elemento tem uma cor de borda de #6f627d.

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

Cores alietórias

#a276dc

#a276dc
rgb(162,118,220)

#c72d67

#c72d67
rgb(199,45,103)

#530774

#530774
rgb(83,7,116)

#92f5b4

#92f5b4
rgb(146,245,180)

#49b747

#49b747
rgb(73,183,71)

#ddefb3

#ddefb3
rgb(221,239,179)

#3b4f5a

#3b4f5a
rgb(59,79,90)

#411743

#411743
rgb(65,23,67)

#87f39b

#87f39b
rgb(135,243,155)

#748f65

#748f65
rgb(116,143,101)

#2000df

#2000df
rgb(32,0,223)

#ee1aa5

#ee1aa5
rgb(238,26,165)