Informação da cor #ff66cd

A cor hexadecimal ff66cd no modelo de cores RGB (Red, Green, Blue), é um composta por 255 de vermelho, 102 de verde e 205 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 60% de magenta, 19.6% de amarelo e 0% de preto. Tem um ângulo de matiz de 319.6 graus, uma saturação de 100% e uma leveza de 70%.

A cor mais próxima WebSafe é FF66CC.

Conversões de #ff66cd 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 ff66cd
RGB 255, 102, 205
RGB Percentagem 100%, 40%, 80.4%
CMYK 0, 0.6, 0.2, 0
HSL 319.6°, 100%, 70%
HSV (ou HSB) 319.6°, 60%, 100%
RYB 100, 40, 80.4
Formato Cor
XYZ 58.3, 37.1, 64.3
CIELab 67.35, 65.67, -24.05
Decimal 16737997
Yxy 35.1756, 0.3709, 0.2288
YUV 159.489, 153.6834, 196.1249
CIELuv 65.8852, 84.4677, -48.6402
Web Safe FF66CC

Distribuição de #ff66cd

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.

#ff66cd

#ff66cd
rgb(255,102,205)

#66ff99

#66ff99
rgb(102,255,153)

Cores triadicas

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

#cdff66

#cdff66
rgb(205,255,102)

#ff66cd

#ff66cd
rgb(255,102,205)

#66cdff

#66cdff
rgb(102,205,255)

Cores tetrádicas

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

#ffe566

#ffe566
rgb(255,229,102)

#ff66cd

#ff66cd
rgb(255,102,205)

#66ff99

#66ff99
rgb(102,255,153)

#6681ff

#6681ff
rgb(102,129,255)

Cores monocromáticas

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

#ff66cd

#ff66cd
rgb(255,102,205)

#ffc8ed

#ffc8ed
rgb(255,200,237)

#ffc6ed

#ffc6ed
rgb(255,198,237)

#ffc3ec

#ffc3ec
rgb(255,195,236)

#ffc1eb

#ffc1eb
rgb(255,193,235)

#ffbeea

#ffbeea
rgb(255,190,234)

Tons e Matizes de #ff66cd

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

Matiz (adicionando branco)
#ff66cd

#ff66cd
rgb(255,102,205)

#ff84d7

#ff84d7
rgb(255,132,215)

#ffa3e1

#ffa3e1
rgb(255,163,225)

#ffc1eb

#ffc1eb
rgb(255,193,235)

#ffe0f5

#ffe0f5
rgb(255,224,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ff66cd

#ff66cd
rgb(255,102,205)

#cc51a4

#cc51a4
rgb(204,81,164)

#993d7b

#993d7b
rgb(153,61,123)

#652851

#652851
rgb(101,40,81)

#321428

#321428
rgb(50,20,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ff66cd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ff66cd.

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

Este elemento tem uma cor de borda de #ff66cd.

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

Cores alietórias

#e99302

#e99302
rgb(233,147,2)

#d73e23

#d73e23
rgb(215,62,35)

#b7e341

#b7e341
rgb(183,227,65)

#700408

#700408
rgb(112,4,8)

#8b0bbd

#8b0bbd
rgb(139,11,189)

#57d8b5

#57d8b5
rgb(87,216,181)

#3e21ee

#3e21ee
rgb(62,33,238)

#425999

#425999
rgb(66,89,153)

#7411ef

#7411ef
rgb(116,17,239)

#a44109

#a44109
rgb(164,65,9)

#73b0c7

#73b0c7
rgb(115,176,199)

#d9f9d6

#d9f9d6
rgb(217,249,214)