Informação da cor #fff3f3

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

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

A cor mais próxima WebSafe é FFCCCC.

Conversões de #fff3f3 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 fff3f3
RGB 255, 243, 243
RGB Percentagem 100%, 95.3%, 95.3%
CMYK 0, 0.05, 0.05, 0
HSL 0°, 100%, 97.7%
HSV (ou HSB) 0°, 4.7%, 100%
RYB 100, 95.3, 95.3
Formato Cor
XYZ 89.9, 92.5, 98.7
CIELab 97.02, 3.68, 1.32
Decimal 16774131
Yxy 91.833, 0.3206, 0.329
YUV 246.588, 125.9752, 134
CIELuv 96.752, 6.8604, 1.48
Web Safe FFCCCC

Distribuição de #fff3f3

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.

#fff3f3

#fff3f3
rgb(255,243,243)

#f3ffff

#f3ffff
rgb(243,255,255)

Cores triadicas

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

#f3fff3

#f3fff3
rgb(243,255,243)

#fff3f3

#fff3f3
rgb(255,243,243)

#f3f3ff

#f3f3ff
rgb(243,243,255)

Cores tetrádicas

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

#f9fff3

#f9fff3
rgb(249,255,243)

#fff3f3

#fff3f3
rgb(255,243,243)

#f3ffff

#f3ffff
rgb(243,255,255)

#f9f3ff

#f9f3ff
rgb(249,243,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.

#fff3f3

#fff3f3
rgb(255,243,243)

#ffcaca

#ffcaca
rgb(255,202,202)

#ffc7c7

#ffc7c7
rgb(255,199,199)

#ffc5c5

#ffc5c5
rgb(255,197,197)

#ffc2c2

#ffc2c2
rgb(255,194,194)

#ffc0c0

#ffc0c0
rgb(255,192,192)

Tons e Matizes de #fff3f3

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

Matiz (adicionando branco)
#fff3f3

#fff3f3
rgb(255,243,243)

#fff5f5

#fff5f5
rgb(255,245,245)

#fff7f7

#fff7f7
rgb(255,247,247)

#fffafa

#fffafa
rgb(255,250,250)

#fffcfc

#fffcfc
rgb(255,252,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fff3f3

#fff3f3
rgb(255,243,243)

#ccc2c2

#ccc2c2
rgb(204,194,194)

#999191

#999191
rgb(153,145,145)

#656161

#656161
rgb(101,97,97)

#323030

#323030
rgb(50,48,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fff3f3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fff3f3.

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

Este elemento tem uma cor de borda de #fff3f3.

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

Cores alietórias

#8301d8

#8301d8
rgb(131,1,216)

#664564

#664564
rgb(102,69,100)

#34ece5

#34ece5
rgb(52,236,229)

#fd3c85

#fd3c85
rgb(253,60,133)

#f00e5a

#f00e5a
rgb(240,14,90)

#2be2ec

#2be2ec
rgb(43,226,236)

#630d70

#630d70
rgb(99,13,112)

#02151e

#02151e
rgb(2,21,30)

#993f96

#993f96
rgb(153,63,150)

#18dfef

#18dfef
rgb(24,223,239)

#764734

#764734
rgb(118,71,52)

#91e080

#91e080
rgb(145,224,128)