Informação da cor #e6eefd

A cor hexadecimal e6eefd no modelo de cores RGB (Red, Green, Blue), é um composta por 230 de vermelho, 238 de verde e 253 de azul.

No padrão de cores CMYK, é composto por 9.1% de ciano, 5.9% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 219.1 graus, uma saturação de 85.2% e uma leveza de 94.7%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #e6eefd 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 e6eefd
RGB 230, 238, 253
RGB Percentagem 90.2%, 93.3%, 99.2%
CMYK 0.09, 0.06, 0, 0.01
HSL 219.1°, 85.2%, 94.7%
HSV (ou HSB) 219.1°, 9.1%, 99.2%
RYB 90.2, 92.5, 99.2
Formato Cor
XYZ 82, 86.2, 105.4
CIELab 94.4, 0.13, -7.48
Decimal 15134461
Yxy 85.0631, 0.2986, 0.3138
YUV 237.318, 136.8499, 122.7803
CIELuv 93.9103, -5.1609, -12.7953
Web Safe CCCCCC

Distribuição de #e6eefd

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.

#e6eefd

#e6eefd
rgb(230,238,253)

#fdf5e6

#fdf5e6
rgb(253,245,230)

Cores triadicas

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

#fde6ef

#fde6ef
rgb(253,230,239)

#e6eefd

#e6eefd
rgb(230,238,253)

#effde6

#effde6
rgb(239,253,230)

Cores tetrádicas

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

#fde6fa

#fde6fa
rgb(253,230,250)

#e6eefd

#e6eefd
rgb(230,238,253)

#fdf5e6

#fdf5e6
rgb(253,245,230)

#e6fdea

#e6fdea
rgb(230,253,234)

Cores monocromáticas

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

#e6eefd

#e6eefd
rgb(230,238,253)

#c8dbfd

#c8dbfd
rgb(200,219,253)

#c6d9fd

#c6d9fd
rgb(198,217,253)

#c3d7fd

#c3d7fd
rgb(195,215,253)

#c1d6fd

#c1d6fd
rgb(193,214,253)

#bed4fd

#bed4fd
rgb(190,212,253)

Tons e Matizes de #e6eefd

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

Matiz (adicionando branco)
#e6eefd

#e6eefd
rgb(230,238,253)

#ebf1fd

#ebf1fd
rgb(235,241,253)

#f0f4fd

#f0f4fd
rgb(240,244,253)

#f5f8fe

#f5f8fe
rgb(245,248,254)

#fafbfe

#fafbfe
rgb(250,251,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e6eefd

#e6eefd
rgb(230,238,253)

#b8beca

#b8beca
rgb(184,190,202)

#8a8e97

#8a8e97
rgb(138,142,151)

#5b5f65

#5b5f65
rgb(91,95,101)

#2d2f32

#2d2f32
rgb(45,47,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e6eefd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e6eefd.

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

Este elemento tem uma cor de borda de #e6eefd.

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

Cores alietórias

#825a01

#825a01
rgb(130,90,1)

#16fb2d

#16fb2d
rgb(22,251,45)

#675fe8

#675fe8
rgb(103,95,232)

#f119c8

#f119c8
rgb(241,25,200)

#7313b7

#7313b7
rgb(115,19,183)

#9a6b11

#9a6b11
rgb(154,107,17)

#43a88d

#43a88d
rgb(67,168,141)

#da5578

#da5578
rgb(218,85,120)

#0bd074

#0bd074
rgb(11,208,116)

#dd708a

#dd708a
rgb(221,112,138)

#6880bc

#6880bc
rgb(104,128,188)

#867af1

#867af1
rgb(134,122,241)