Informação da cor #fec2ec

A cor hexadecimal fec2ec no modelo de cores RGB (Red, Green, Blue), é um composta por 254 de vermelho, 194 de verde e 236 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 23.6% de magenta, 7.1% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 318 graus, uma saturação de 96.8% e uma leveza de 87.8%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #fec2ec 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 fec2ec
RGB 254, 194, 236
RGB Percentagem 99.6%, 76.1%, 92.5%
CMYK 0, 0.24, 0.07, 0
HSL 318°, 96.8%, 87.8%
HSV (ou HSB) 318°, 23.6%, 99.6%
RYB 99.6, 76.1, 92.5
Formato Cor
XYZ 76.6, 67.9, 89.6
CIELab 85.93, 25.89, -11.66
Decimal 16696044
Yxy 65.7131, 0.3287, 0.2869
YUV 216.728, 138.8758, 154.5849
CIELuv 84.8498, 32.5001, -24.3132
Web Safe CC99CC

Distribuição de #fec2ec

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.

#fec2ec

#fec2ec
rgb(254,194,236)

#c2fed4

#c2fed4
rgb(194,254,212)

Cores triadicas

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

#ecfec2

#ecfec2
rgb(236,254,194)

#fec2ec

#fec2ec
rgb(254,194,236)

#c2ecfe

#c2ecfe
rgb(194,236,254)

Cores tetrádicas

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

#fef2c2

#fef2c2
rgb(254,242,194)

#fec2ec

#fec2ec
rgb(254,194,236)

#c2fed4

#c2fed4
rgb(194,254,212)

#c2cefe

#c2cefe
rgb(194,206,254)

Cores monocromáticas

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

#fec2ec

#fec2ec
rgb(254,194,236)

#fec9ee

#fec9ee
rgb(254,201,238)

#fec6ee

#fec6ee
rgb(254,198,238)

#fec3ed

#fec3ed
rgb(254,195,237)

#fec1ec

#fec1ec
rgb(254,193,236)

#febeeb

#febeeb
rgb(254,190,235)

Tons e Matizes de #fec2ec

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

Matiz (adicionando branco)
#fec2ec

#fec2ec
rgb(254,194,236)

#feceef

#feceef
rgb(254,206,239)

#fedaf3

#fedaf3
rgb(254,218,243)

#fee6f7

#fee6f7
rgb(254,230,247)

#fef2fb

#fef2fb
rgb(254,242,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fec2ec

#fec2ec
rgb(254,194,236)

#cb9bbc

#cb9bbc
rgb(203,155,188)

#98748d

#98748d
rgb(152,116,141)

#654d5e

#654d5e
rgb(101,77,94)

#32262f

#32262f
rgb(50,38,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fec2ec

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fec2ec.

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

Este elemento tem uma cor de borda de #fec2ec.

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

Cores alietórias

#f5dc04

#f5dc04
rgb(245,220,4)

#3abab7

#3abab7
rgb(58,186,183)

#b67e98

#b67e98
rgb(182,126,152)

#d0636f

#d0636f
rgb(208,99,111)

#db4963

#db4963
rgb(219,73,99)

#5c5e81

#5c5e81
rgb(92,94,129)

#a720c7

#a720c7
rgb(167,32,199)

#f348c0

#f348c0
rgb(243,72,192)

#22e2f3

#22e2f3
rgb(34,226,243)

#416f47

#416f47
rgb(65,111,71)

#76ede8

#76ede8
rgb(118,237,232)

#3190c9

#3190c9
rgb(49,144,201)