Informação da cor #dfe2e3

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

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

A cor mais próxima WebSafe é CCCCCC.

Conversões de #dfe2e3 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 dfe2e3
RGB 223, 226, 227
RGB Percentagem 87.5%, 88.6%, 89%
CMYK 0.02, 0, 0, 0.11
HSL 195°, 6.7%, 88.2%
HSV (ou HSB) 195°, 1.8%, 89%
RYB 87.5, 88.2, 89
Formato Cor
XYZ 73.2, 77.4, 85.4
CIELab 90.51, -0.76, -0.78
Decimal 14672611
Yxy 75.6266, 0.31, 0.3279
YUV 225.217, 129.0062, 126.4187
CIELuv 89.6857, -1.732, -1.1413
Web Safe CCCCCC

Distribuição de #dfe2e3

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.

#dfe2e3

#dfe2e3
rgb(223,226,227)

#e3e0df

#e3e0df
rgb(227,224,223)

Cores triadicas

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

#e3dfe2

#e3dfe2
rgb(227,223,226)

#dfe2e3

#dfe2e3
rgb(223,226,227)

#e2e3df

#e2e3df
rgb(226,227,223)

Cores tetrádicas

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

#e2dfe3

#e2dfe3
rgb(226,223,227)

#dfe2e3

#dfe2e3
rgb(223,226,227)

#e3e0df

#e3e0df
rgb(227,224,223)

#e0e3df

#e0e3df
rgb(224,227,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.

#dfe2e3

#dfe2e3
rgb(223,226,227)

#b4d8e3

#b4d8e3
rgb(180,216,227)

#b2d7e3

#b2d7e3
rgb(178,215,227)

#afd6e3

#afd6e3
rgb(175,214,227)

#add6e3

#add6e3
rgb(173,214,227)

#abd5e3

#abd5e3
rgb(171,213,227)

Tons e Matizes de #dfe2e3

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

Matiz (adicionando branco)
#dfe2e3

#dfe2e3
rgb(223,226,227)

#e5e7e8

#e5e7e8
rgb(229,231,232)

#ebedee

#ebedee
rgb(235,237,238)

#f2f3f3

#f2f3f3
rgb(242,243,243)

#f8f9f9

#f8f9f9
rgb(248,249,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dfe2e3

#dfe2e3
rgb(223,226,227)

#b2b4b5

#b2b4b5
rgb(178,180,181)

#858788

#858788
rgb(133,135,136)

#595a5a

#595a5a
rgb(89,90,90)

#2c2d2d

#2c2d2d
rgb(44,45,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dfe2e3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dfe2e3.

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

Este elemento tem uma cor de borda de #dfe2e3.

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

Cores alietórias

#6e731f

#6e731f
rgb(110,115,31)

#1c6f5c

#1c6f5c
rgb(28,111,92)

#f95422

#f95422
rgb(249,84,34)

#7cbfeb

#7cbfeb
rgb(124,191,235)

#679158

#679158
rgb(103,145,88)

#de55f7

#de55f7
rgb(222,85,247)

#8bef26

#8bef26
rgb(139,239,38)

#afafca

#afafca
rgb(175,175,202)

#334cdd

#334cdd
rgb(51,76,221)

#7aa820

#7aa820
rgb(122,168,32)

#6801f1

#6801f1
rgb(104,1,241)

#c11e09

#c11e09
rgb(193,30,9)