Informação da cor #dffcc3

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

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

A cor mais próxima WebSafe é CCCC99.

Conversões de #dffcc3 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 dffcc3
RGB 223, 252, 195
RGB Percentagem 87.5%, 98.8%, 76.5%
CMYK 0.12, 0, 0.23, 0.01
HSL 90.5°, 90.5%, 87.7%
HSV (ou HSB) 90.5°, 22.6%, 98.8%
RYB 76.5, 98.8, 87.8
Formato Cor
XYZ 76.5, 90, 67.7
CIELab 96, -17.75, 22.46
Decimal 14679235
Yxy 89.2483, 0.3276, 0.3893
YUV 236.831, 104.3933, 118.1348
CIELuv 95.6841, -13.8116, 38.6071
Web Safe CCCC99

Distribuição de #dffcc3

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.

#dffcc3

#dffcc3
rgb(223,252,195)

#e0c4fc

#e0c4fc
rgb(224,196,252)

Cores triadicas

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

#c4e0fc

#c4e0fc
rgb(196,224,252)

#dffcc3

#dffcc3
rgb(223,252,195)

#fcc4e0

#fcc4e0
rgb(252,196,224)

Cores tetrádicas

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

#c4fcfc

#c4fcfc
rgb(196,252,252)

#dffcc3

#dffcc3
rgb(223,252,195)

#e0c4fc

#e0c4fc
rgb(224,196,252)

#fcc4c4

#fcc4c4
rgb(252,196,196)

Cores monocromáticas

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

#dffcc3

#dffcc3
rgb(223,252,195)

#e1fcc7

#e1fcc7
rgb(225,252,199)

#e0fcc4

#e0fcc4
rgb(224,252,196)

#dffcc2

#dffcc2
rgb(223,252,194)

#ddfcbf

#ddfcbf
rgb(221,252,191)

#dcfcbd

#dcfcbd
rgb(220,252,189)

Tons e Matizes de #dffcc3

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

Matiz (adicionando branco)
#dffcc3

#dffcc3
rgb(223,252,195)

#e5fccf

#e5fccf
rgb(229,252,207)

#ebfddb

#ebfddb
rgb(235,253,219)

#f2fde7

#f2fde7
rgb(242,253,231)

#f8fef3

#f8fef3
rgb(248,254,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dffcc3

#dffcc3
rgb(223,252,195)

#b2c99c

#b2c99c
rgb(178,201,156)

#859775

#859775
rgb(133,151,117)

#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 #dffcc3 fica em um fundo branco.

Fundo preto

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

Fundo de cor #dffcc3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dffcc3.

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

Este elemento tem uma cor de borda de #dffcc3.

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

Cores alietórias

#d1a040

#d1a040
rgb(209,160,64)

#319013

#319013
rgb(49,144,19)

#cae7fd

#cae7fd
rgb(202,231,253)

#32740f

#32740f
rgb(50,116,15)

#61c176

#61c176
rgb(97,193,118)

#43ebf1

#43ebf1
rgb(67,235,241)

#6fdfe2

#6fdfe2
rgb(111,223,226)

#9510e2

#9510e2
rgb(149,16,226)

#2e2843

#2e2843
rgb(46,40,67)

#649fb6

#649fb6
rgb(100,159,182)

#f78fb6

#f78fb6
rgb(247,143,182)

#1b9d70

#1b9d70
rgb(27,157,112)