Informação da cor #f0c3ff

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

No padrão de cores CMYK, é composto por 5.9% de ciano, 23.5% de magenta, 0% de amarelo e 0% de preto. Tem um ângulo de matiz de 285 graus, uma saturação de 100% e uma leveza de 88.2%.

A cor mais próxima WebSafe é CC99FF.

Conversões de #f0c3ff 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 f0c3ff
RGB 240, 195, 255
RGB Percentagem 94.1%, 76.5%, 100%
CMYK 0.06, 0.24, 0, 0
HSL 285°, 100%, 88.2%
HSV (ou HSB) 285°, 23.5%, 100%
RYB 94.1, 76.5, 100
Formato Cor
XYZ 74.9, 67, 103.6
CIELab 85.51, 24.34, -21.68
Decimal 15778815
Yxy 64.7767, 0.3043, 0.2682
YUV 215.295, 150.4069, 145.6213
CIELuv 84.3685, 21.0126, -41.7043
Web Safe CC99FF

Distribuição de #f0c3ff

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.

#f0c3ff

#f0c3ff
rgb(240,195,255)

#d2ffc3

#d2ffc3
rgb(210,255,195)

Cores triadicas

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

#fff0c3

#fff0c3
rgb(255,240,195)

#f0c3ff

#f0c3ff
rgb(240,195,255)

#c3fff0

#c3fff0
rgb(195,255,240)

Cores tetrádicas

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

#ffd2c3

#ffd2c3
rgb(255,210,195)

#f0c3ff

#f0c3ff
rgb(240,195,255)

#d2ffc3

#d2ffc3
rgb(210,255,195)

#c3f0ff

#c3f0ff
rgb(195,240,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.

#f0c3ff

#f0c3ff
rgb(240,195,255)

#f2c9ff

#f2c9ff
rgb(242,201,255)

#f1c7ff

#f1c7ff
rgb(241,199,255)

#f1c4ff

#f1c4ff
rgb(241,196,255)

#f0c2ff

#f0c2ff
rgb(240,194,255)

#efbfff

#efbfff
rgb(239,191,255)

Tons e Matizes de #f0c3ff

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

Matiz (adicionando branco)
#f0c3ff

#f0c3ff
rgb(240,195,255)

#f3cfff

#f3cfff
rgb(243,207,255)

#f6dbff

#f6dbff
rgb(246,219,255)

#f9e7ff

#f9e7ff
rgb(249,231,255)

#fcf3ff

#fcf3ff
rgb(252,243,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f0c3ff

#f0c3ff
rgb(240,195,255)

#c09ccc

#c09ccc
rgb(192,156,204)

#907599

#907599
rgb(144,117,153)

#5f4d65

#5f4d65
rgb(95,77,101)

#2f2632

#2f2632
rgb(47,38,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f0c3ff

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f0c3ff.

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

Este elemento tem uma cor de borda de #f0c3ff.

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

Cores alietórias

#398592

#398592
rgb(57,133,146)

#226a96

#226a96
rgb(34,106,150)

#03d561

#03d561
rgb(3,213,97)

#f48a1d

#f48a1d
rgb(244,138,29)

#9ffc95

#9ffc95
rgb(159,252,149)

#f900bd

#f900bd
rgb(249,0,189)

#a889b3

#a889b3
rgb(168,137,179)

#a82429

#a82429
rgb(168,36,41)

#d0b663

#d0b663
rgb(208,182,99)

#1d62c4

#1d62c4
rgb(29,98,196)

#2758ea

#2758ea
rgb(39,88,234)

#0b79e6

#0b79e6
rgb(11,121,230)