Informação da cor #ffe1c5

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

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

A cor mais próxima WebSafe é FFCC99.

Conversões de #ffe1c5 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 ffe1c5
RGB 255, 225, 197
RGB Percentagem 100%, 88.2%, 77.3%
CMYK 0, 0.12, 0.23, 0
HSL 29°, 100%, 88.6%
HSV (ou HSB) 29°, 22.8%, 100%
RYB 100, 98.8, 77.3
Formato Cor
XYZ 79.4, 80.6, 66.8
CIELab 91.97, 5.5, 16.19
Decimal 16769477
Yxy 79.1439, 0.3535, 0.3575
YUV 230.778, 108.9379, 145.2767
CIELuv 91.2994, 20.0855, 24.2598
Web Safe FFCC99

Distribuição de #ffe1c5

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#ffe1c5

#ffe1c5
rgb(255,225,197)

#c5e4ff

#c5e4ff
rgb(197,228,255)

Cores triadicas

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

#c5ffe1

#c5ffe1
rgb(197,255,225)

#ffe1c5

#ffe1c5
rgb(255,225,197)

#e1c5ff

#e1c5ff
rgb(225,197,255)

Cores tetrádicas

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

#c7ffc5

#c7ffc5
rgb(199,255,197)

#ffe1c5

#ffe1c5
rgb(255,225,197)

#c5e4ff

#c5e4ff
rgb(197,228,255)

#fec5ff

#fec5ff
rgb(254,197,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.

#ffe1c5

#ffe1c5
rgb(255,225,197)

#ffe4c9

#ffe4c9
rgb(255,228,201)

#ffe2c7

#ffe2c7
rgb(255,226,199)

#ffe1c4

#ffe1c4
rgb(255,225,196)

#ffe0c2

#ffe0c2
rgb(255,224,194)

#ffdebf

#ffdebf
rgb(255,222,191)

Tons e Matizes de #ffe1c5

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

Matiz (adicionando branco)
#ffe1c5

#ffe1c5
rgb(255,225,197)

#ffe7d0

#ffe7d0
rgb(255,231,208)

#ffeddc

#ffeddc
rgb(255,237,220)

#fff3e7

#fff3e7
rgb(255,243,231)

#fff9f3

#fff9f3
rgb(255,249,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ffe1c5

#ffe1c5
rgb(255,225,197)

#ccb49d

#ccb49d
rgb(204,180,157)

#998776

#998776
rgb(153,135,118)

#65594e

#65594e
rgb(101,89,78)

#322c27

#322c27
rgb(50,44,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ffe1c5

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ffe1c5.

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

Este elemento tem uma cor de borda de #ffe1c5.

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

Cores alietórias

#ceda82

#ceda82
rgb(206,218,130)

#30b7a7

#30b7a7
rgb(48,183,167)

#e08164

#e08164
rgb(224,129,100)

#3c8770

#3c8770
rgb(60,135,112)

#493eab

#493eab
rgb(73,62,171)

#ecbb85

#ecbb85
rgb(236,187,133)

#8552c1

#8552c1
rgb(133,82,193)

#2c50d8

#2c50d8
rgb(44,80,216)

#0b8d0a

#0b8d0a
rgb(11,141,10)

#3d5275

#3d5275
rgb(61,82,117)

#c8bb91

#c8bb91
rgb(200,187,145)

#342b21

#342b21
rgb(52,43,33)