Informação da cor #f4c5dd

A cor hexadecimal f4c5dd no modelo de cores RGB (Red, Green, Blue), é um composta por 244 de vermelho, 197 de verde e 221 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 19.3% de magenta, 9.4% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 329.4 graus, uma saturação de 68.1% e uma leveza de 86.5%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #f4c5dd 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 f4c5dd
RGB 244, 197, 221
RGB Percentagem 95.7%, 77.3%, 86.7%
CMYK 0, 0.19, 0.09, 0.04
HSL 329.4°, 68.1%, 86.5%
HSV (ou HSB) 329.4°, 19.3%, 95.7%
RYB 95.7, 77.3, 86.7
Formato Cor
XYZ 72, 66.7, 79.4
CIELab 85.34, 18.95, -5.25
Decimal 16041437
Yxy 64.3882, 0.332, 0.304
YUV 213.789, 132.0694, 149.5485
CIELuv 84.1675, 26.3624, -12.19
Web Safe CC99CC

Distribuição de #f4c5dd

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.

#f4c5dd

#f4c5dd
rgb(244,197,221)

#c5f4dc

#c5f4dc
rgb(197,244,220)

Cores triadicas

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

#def4c5

#def4c5
rgb(222,244,197)

#f4c5dd

#f4c5dd
rgb(244,197,221)

#c5def4

#c5def4
rgb(197,222,244)

Cores tetrádicas

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

#f4f4c5

#f4f4c5
rgb(244,244,197)

#f4c5dd

#f4c5dd
rgb(244,197,221)

#c5f4dc

#c5f4dc
rgb(197,244,220)

#c5c6f4

#c5c6f4
rgb(197,198,244)

Cores monocromáticas

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

#f4c5dd

#f4c5dd
rgb(244,197,221)

#f4c1db

#f4c1db
rgb(244,193,219)

#f4beda

#f4beda
rgb(244,190,218)

#f4bcd9

#f4bcd9
rgb(244,188,217)

#f4b9d8

#f4b9d8
rgb(244,185,216)

#f4b7d6

#f4b7d6
rgb(244,183,214)

Tons e Matizes de #f4c5dd

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

Matiz (adicionando branco)
#f4c5dd

#f4c5dd
rgb(244,197,221)

#f6d0e3

#f6d0e3
rgb(246,208,227)

#f8dcea

#f8dcea
rgb(248,220,234)

#fae7f1

#fae7f1
rgb(250,231,241)

#fcf3f8

#fcf3f8
rgb(252,243,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f4c5dd

#f4c5dd
rgb(244,197,221)

#c39db0

#c39db0
rgb(195,157,176)

#927684

#927684
rgb(146,118,132)

#614e58

#614e58
rgb(97,78,88)

#30272c

#30272c
rgb(48,39,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f4c5dd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f4c5dd.

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

Este elemento tem uma cor de borda de #f4c5dd.

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

Cores alietórias

#2f1189

#2f1189
rgb(47,17,137)

#6766ab

#6766ab
rgb(103,102,171)

#3b4eb7

#3b4eb7
rgb(59,78,183)

#e67ed9

#e67ed9
rgb(230,126,217)

#35f636

#35f636
rgb(53,246,54)

#e531db

#e531db
rgb(229,49,219)

#f9426e

#f9426e
rgb(249,66,110)

#22c785

#22c785
rgb(34,199,133)

#edce68

#edce68
rgb(237,206,104)

#c1a691

#c1a691
rgb(193,166,145)

#cfd1ed

#cfd1ed
rgb(207,209,237)

#d910e5

#d910e5
rgb(217,16,229)