Informação da cor #ffffce

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

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

A cor mais próxima WebSafe é FFFFCC.

Conversões de #ffffce 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 ffffce
RGB 255, 255, 206
RGB Percentagem 100%, 100%, 80.8%
CMYK 0, 0, 0.19, 0
HSL 60°, 100%, 90.4%
HSV (ou HSB) 60°, 19.2%, 100%
RYB 80.8, 100, 80.8
Formato Cor
XYZ 88.6, 97.4, 74.9
CIELab 98.99, -7.24, 21.7
Decimal 16777166
Yxy 97.2372, 0.3418, 0.3771
YUV 249.414, 103.5, 131.9843
CIELuv 98.9217, 2.5715, 35.636
Web Safe FFFFCC

Distribuição de #ffffce

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.

#ffffce

#ffffce
rgb(255,255,206)

#ceceff

#ceceff
rgb(206,206,255)

Cores triadicas

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

#ceffff

#ceffff
rgb(206,255,255)

#ffffce

#ffffce
rgb(255,255,206)

#ffceff

#ffceff
rgb(255,206,255)

Cores tetrádicas

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

#ceffe7

#ceffe7
rgb(206,255,231)

#ffffce

#ffffce
rgb(255,255,206)

#ceceff

#ceceff
rgb(206,206,255)

#ffcee7

#ffcee7
rgb(255,206,231)

Cores monocromáticas

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

#ffffce

#ffffce
rgb(255,255,206)

#ffffc9

#ffffc9
rgb(255,255,201)

#ffffc7

#ffffc7
rgb(255,255,199)

#ffffc4

#ffffc4
rgb(255,255,196)

#ffffc2

#ffffc2
rgb(255,255,194)

#ffffbf

#ffffbf
rgb(255,255,191)

Tons e Matizes de #ffffce

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

Matiz (adicionando branco)
#ffffce

#ffffce
rgb(255,255,206)

#ffffd7

#ffffd7
rgb(255,255,215)

#ffffe1

#ffffe1
rgb(255,255,225)

#ffffeb

#ffffeb
rgb(255,255,235)

#fffff5

#fffff5
rgb(255,255,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ffffce

#ffffce
rgb(255,255,206)

#cccca4

#cccca4
rgb(204,204,164)

#99997b

#99997b
rgb(153,153,123)

#656552

#656552
rgb(101,101,82)

#323229

#323229
rgb(50,50,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ffffce

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ffffce.

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

Este elemento tem uma cor de borda de #ffffce.

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

Cores alietórias

#b0f0df

#b0f0df
rgb(176,240,223)

#128629

#128629
rgb(18,134,41)

#51287a

#51287a
rgb(81,40,122)

#4006d7

#4006d7
rgb(64,6,215)

#1770d4

#1770d4
rgb(23,112,212)

#a9fbed

#a9fbed
rgb(169,251,237)

#f2051e

#f2051e
rgb(242,5,30)

#45d22e

#45d22e
rgb(69,210,46)

#253058

#253058
rgb(37,48,88)

#182943

#182943
rgb(24,41,67)

#014eb9

#014eb9
rgb(1,78,185)

#70fe56

#70fe56
rgb(112,254,86)