Informação da cor #dffcc2

A cor hexadecimal dffcc2 no modelo de cores RGB (Red, Green, Blue), é um composta por 223 de vermelho, 252 de verde e 194 de azul.

No padrão de cores CMYK, é composto por 11.5% de ciano, 0% de magenta, 23% de amarelo e 1.2% de preto. Tem um ângulo de matiz de 90 graus, uma saturação de 90.6% e uma leveza de 87.5%.

A cor mais próxima WebSafe é CCCC99.

Conversões de #dffcc2 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 dffcc2
RGB 223, 252, 194
RGB Percentagem 87.5%, 98.8%, 76.1%
CMYK 0.12, 0, 0.23, 0.01
HSL 90°, 90.6%, 87.5%
HSV (ou HSB) 90°, 23%, 98.8%
RYB 76.1, 98.8, 87.5
Formato Cor
XYZ 76.4, 90, 67.1
CIELab 95.98, -17.89, 22.91
Decimal 14679234
Yxy 89.2032, 0.3282, 0.3904
YUV 236.717, 103.8933, 118.2161
CIELuv 95.6653, -13.7864, 39.2789
Web Safe CCCC99

Distribuição de #dffcc2

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.

#dffcc2

#dffcc2
rgb(223,252,194)

#dfc3fc

#dfc3fc
rgb(223,195,252)

Cores triadicas

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

#c3dffc

#c3dffc
rgb(195,223,252)

#dffcc2

#dffcc2
rgb(223,252,194)

#fcc3df

#fcc3df
rgb(252,195,223)

Cores tetrádicas

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

#c3fcfc

#c3fcfc
rgb(195,252,252)

#dffcc2

#dffcc2
rgb(223,252,194)

#dfc3fc

#dfc3fc
rgb(223,195,252)

#fcc3c3

#fcc3c3
rgb(252,195,195)

Cores monocromáticas

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

#dffcc2

#dffcc2
rgb(223,252,194)

#e2fcc7

#e2fcc7
rgb(226,252,199)

#e0fcc4

#e0fcc4
rgb(224,252,196)

#dffcc2

#dffcc2
rgb(223,252,194)

#defcbf

#defcbf
rgb(222,252,191)

#ddfcbd

#ddfcbd
rgb(221,252,189)

Tons e Matizes de #dffcc2

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

Matiz (adicionando branco)
#dffcc2

#dffcc2
rgb(223,252,194)

#e5fcce

#e5fcce
rgb(229,252,206)

#ebfdda

#ebfdda
rgb(235,253,218)

#f2fde6

#f2fde6
rgb(242,253,230)

#f8fef2

#f8fef2
rgb(248,254,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dffcc2

#dffcc2
rgb(223,252,194)

#b2c99b

#b2c99b
rgb(178,201,155)

#859774

#859774
rgb(133,151,116)

#59644d

#59644d
rgb(89,100,77)

#2c3226

#2c3226
rgb(44,50,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dffcc2

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dffcc2.

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

Este elemento tem uma cor de borda de #dffcc2.

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

Cores alietórias

#2fd74c

#2fd74c
rgb(47,215,76)

#b9bd8a

#b9bd8a
rgb(185,189,138)

#66436a

#66436a
rgb(102,67,106)

#eec4a3

#eec4a3
rgb(238,196,163)

#7f49ad

#7f49ad
rgb(127,73,173)

#1143c6

#1143c6
rgb(17,67,198)

#152acd

#152acd
rgb(21,42,205)

#8b1f7d

#8b1f7d
rgb(139,31,125)

#e840f9

#e840f9
rgb(232,64,249)

#3ca82d

#3ca82d
rgb(60,168,45)

#e52783

#e52783
rgb(229,39,131)

#3513f8

#3513f8
rgb(53,19,248)