Informação da cor #fdf9f0

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

No padrão de cores CMYK, é composto por 0% de ciano, 1.6% de magenta, 5.1% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 41.5 graus, uma saturação de 76.5% e uma leveza de 96.7%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #fdf9f0 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 fdf9f0
RGB 253, 249, 240
RGB Percentagem 99.2%, 97.6%, 94.1%
CMYK 0, 0.02, 0.05, 0.01
HSL 41.5°, 76.5%, 96.7%
HSV (ou HSB) 41.5°, 5.1%, 99.2%
RYB 96.5, 99.2, 94.1
Formato Cor
XYZ 90.5, 95.3, 97
CIELab 98.17, -0.2, 4.39
Decimal 16644592
Yxy 94.9257, 0.3206, 0.3378
YUV 249.17, 122.8251, 130.7318
CIELuv 98.0038, 2.7817, 7.3505
Web Safe CCCCCC

Distribuição de #fdf9f0

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.

#fdf9f0

#fdf9f0
rgb(253,249,240)

#f0f4fd

#f0f4fd
rgb(240,244,253)

Cores triadicas

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

#f0fdfa

#f0fdfa
rgb(240,253,250)

#fdf9f0

#fdf9f0
rgb(253,249,240)

#faf0fd

#faf0fd
rgb(250,240,253)

Cores tetrádicas

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

#f0fdf3

#f0fdf3
rgb(240,253,243)

#fdf9f0

#fdf9f0
rgb(253,249,240)

#f0f4fd

#f0f4fd
rgb(240,244,253)

#fdf0fb

#fdf0fb
rgb(253,240,251)

Cores monocromáticas

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

#fdf9f0

#fdf9f0
rgb(253,249,240)

#fdedc8

#fdedc8
rgb(253,237,200)

#fdecc6

#fdecc6
rgb(253,236,198)

#fdecc3

#fdecc3
rgb(253,236,195)

#fdebc1

#fdebc1
rgb(253,235,193)

#fdeabe

#fdeabe
rgb(253,234,190)

Tons e Matizes de #fdf9f0

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

Matiz (adicionando branco)
#fdf9f0

#fdf9f0
rgb(253,249,240)

#fdfaf3

#fdfaf3
rgb(253,250,243)

#fdfbf6

#fdfbf6
rgb(253,251,246)

#fefcf9

#fefcf9
rgb(254,252,249)

#fefdfc

#fefdfc
rgb(254,253,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fdf9f0

#fdf9f0
rgb(253,249,240)

#cac7c0

#cac7c0
rgb(202,199,192)

#979590

#979590
rgb(151,149,144)

#65635f

#65635f
rgb(101,99,95)

#32312f

#32312f
rgb(50,49,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fdf9f0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fdf9f0.

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

Este elemento tem uma cor de borda de #fdf9f0.

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

Cores alietórias

#b6e2ca

#b6e2ca
rgb(182,226,202)

#4438c3

#4438c3
rgb(68,56,195)

#32f0f8

#32f0f8
rgb(50,240,248)

#763d2c

#763d2c
rgb(118,61,44)

#dec7d6

#dec7d6
rgb(222,199,214)

#5ac5be

#5ac5be
rgb(90,197,190)

#dfb54b

#dfb54b
rgb(223,181,75)

#090db5

#090db5
rgb(9,13,181)

#5f565f

#5f565f
rgb(95,86,95)

#9c5621

#9c5621
rgb(156,86,33)

#37cb9e

#37cb9e
rgb(55,203,158)

#d32d81

#d32d81
rgb(211,45,129)