Informação da cor #dfe3e0

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

No padrão de cores CMYK, é composto por 1.8% de ciano, 0% de magenta, 1.3% de amarelo e 11% de preto. Tem um ângulo de matiz de 135 graus, uma saturação de 6.7% e uma leveza de 88.2%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #dfe3e0 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 dfe3e0
RGB 223, 227, 224
RGB Percentagem 87.5%, 89%, 87.8%
CMYK 0.02, 0, 0.01, 0.11
HSL 135°, 6.7%, 88.2%
HSV (ou HSB) 135°, 1.8%, 89%
RYB 87.5, 89, 89
Formato Cor
XYZ 73.1, 77.8, 83.4
CIELab 90.67, -1.74, 0.92
Decimal 14672864
Yxy 76.0078, 0.3119, 0.3322
YUV 225.462, 127.1749, 126.2439
CIELuv 89.863, -2.0781, 1.8468
Web Safe CCCCCC

Distribuição de #dfe3e0

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.

#dfe3e0

#dfe3e0
rgb(223,227,224)

#e3dfe2

#e3dfe2
rgb(227,223,226)

Cores triadicas

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

#e0dfe3

#e0dfe3
rgb(224,223,227)

#dfe3e0

#dfe3e0
rgb(223,227,224)

#e3e0df

#e3e0df
rgb(227,224,223)

Cores tetrádicas

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

#dfe0e3

#dfe0e3
rgb(223,224,227)

#dfe3e0

#dfe3e0
rgb(223,227,224)

#e3dfe2

#e3dfe2
rgb(227,223,226)

#e3e2df

#e3e2df
rgb(227,226,223)

Cores monocromáticas

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

#dfe3e0

#dfe3e0
rgb(223,227,224)

#b4e3c0

#b4e3c0
rgb(180,227,192)

#b2e3be

#b2e3be
rgb(178,227,190)

#afe3bc

#afe3bc
rgb(175,227,188)

#ade3bb

#ade3bb
rgb(173,227,187)

#abe3b9

#abe3b9
rgb(171,227,185)

Tons e Matizes de #dfe3e0

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

Matiz (adicionando branco)
#dfe3e0

#dfe3e0
rgb(223,227,224)

#e5e8e6

#e5e8e6
rgb(229,232,230)

#ebeeec

#ebeeec
rgb(235,238,236)

#f2f3f2

#f2f3f2
rgb(242,243,242)

#f8f9f8

#f8f9f8
rgb(248,249,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dfe3e0

#dfe3e0
rgb(223,227,224)

#b2b5b3

#b2b5b3
rgb(178,181,179)

#858886

#858886
rgb(133,136,134)

#595a59

#595a59
rgb(89,90,89)

#2c2d2c

#2c2d2c
rgb(44,45,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dfe3e0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dfe3e0.

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

Este elemento tem uma cor de borda de #dfe3e0.

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

Cores alietórias

#d29e7f

#d29e7f
rgb(210,158,127)

#1d2a3e

#1d2a3e
rgb(29,42,62)

#268b5a

#268b5a
rgb(38,139,90)

#965e0a

#965e0a
rgb(150,94,10)

#42da17

#42da17
rgb(66,218,23)

#46078b

#46078b
rgb(70,7,139)

#24f40b

#24f40b
rgb(36,244,11)

#040354

#040354
rgb(4,3,84)

#506982

#506982
rgb(80,105,130)

#1bb2e8

#1bb2e8
rgb(27,178,232)

#37b966

#37b966
rgb(55,185,102)

#2a0a67

#2a0a67
rgb(42,10,103)