Informação da cor #ddfcbd

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

No padrão de cores CMYK, é composto por 12.3% de ciano, 0% de magenta, 25% de amarelo e 1.2% de preto. Tem um ângulo de matiz de 89.5 graus, uma saturação de 91.3% e uma leveza de 86.5%.

A cor mais próxima WebSafe é CCCC99.

Conversões de #ddfcbd 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 ddfcbd
RGB 221, 252, 189
RGB Percentagem 86.7%, 98.8%, 74.1%
CMYK 0.12, 0, 0.25, 0.01
HSL 89.5°, 91.3%, 86.5%
HSV (ou HSB) 89.5°, 25%, 98.8%
RYB 74.1, 98.8, 86.3
Formato Cor
XYZ 75.2, 89.5, 64.2
CIELab 95.77, -19.24, 24.98
Decimal 14548157
Yxy 88.6664, 0.3298, 0.3961
YUV 235.549, 101.7308, 117.6227
CIELuv 95.4408, -14.7643, 42.4533
Web Safe CCCC99

Distribuição de #ddfcbd

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.

#ddfcbd

#ddfcbd
rgb(221,252,189)

#ddbdfc

#ddbdfc
rgb(221,189,252)

Cores triadicas

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

#bdddfc

#bdddfc
rgb(189,221,252)

#ddfcbd

#ddfcbd
rgb(221,252,189)

#fcbddd

#fcbddd
rgb(252,189,221)

Cores tetrádicas

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

#bdfcfc

#bdfcfc
rgb(189,252,252)

#ddfcbd

#ddfcbd
rgb(221,252,189)

#ddbdfc

#ddbdfc
rgb(221,189,252)

#fcbdbe

#fcbdbe
rgb(252,189,190)

Cores monocromáticas

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

#ddfcbd

#ddfcbd
rgb(221,252,189)

#e2fcc7

#e2fcc7
rgb(226,252,199)

#e1fcc4

#e1fcc4
rgb(225,252,196)

#e0fcc2

#e0fcc2
rgb(224,252,194)

#defcbf

#defcbf
rgb(222,252,191)

#ddfcbd

#ddfcbd
rgb(221,252,189)

Tons e Matizes de #ddfcbd

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

Matiz (adicionando branco)
#ddfcbd

#ddfcbd
rgb(221,252,189)

#e3fcca

#e3fcca
rgb(227,252,202)

#eafdd7

#eafdd7
rgb(234,253,215)

#f1fde4

#f1fde4
rgb(241,253,228)

#f8fef1

#f8fef1
rgb(248,254,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ddfcbd

#ddfcbd
rgb(221,252,189)

#b0c997

#b0c997
rgb(176,201,151)

#849771

#849771
rgb(132,151,113)

#58644b

#58644b
rgb(88,100,75)

#2c3225

#2c3225
rgb(44,50,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ddfcbd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ddfcbd.

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

Este elemento tem uma cor de borda de #ddfcbd.

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

Cores alietórias

#071678

#071678
rgb(7,22,120)

#9513a2

#9513a2
rgb(149,19,162)

#2c6edc

#2c6edc
rgb(44,110,220)

#982214

#982214
rgb(152,34,20)

#345d5c

#345d5c
rgb(52,93,92)

#cd88a5

#cd88a5
rgb(205,136,165)

#a24ed0

#a24ed0
rgb(162,78,208)

#a0a1bf

#a0a1bf
rgb(160,161,191)

#969f36

#969f36
rgb(150,159,54)

#bee4f7

#bee4f7
rgb(190,228,247)

#8f8284

#8f8284
rgb(143,130,132)

#3501a4

#3501a4
rgb(53,1,164)