Informação da cor #eaeaf5

A cor hexadecimal eaeaf5 no modelo de cores RGB (Red, Green, Blue), é um composta por 234 de vermelho, 234 de verde e 245 de azul.

No padrão de cores CMYK, é composto por 4.5% de ciano, 4.5% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 240 graus, uma saturação de 35.5% e uma leveza de 93.9%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #eaeaf5 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 eaeaf5
RGB 234, 234, 245
RGB Percentagem 91.8%, 91.8%, 96.1%
CMYK 0.04, 0.04, 0, 0.04
HSL 240°, 35.5%, 93.9%
HSV (ou HSB) 240°, 4.5%, 96.1%
RYB 91.8, 91.8, 96.1
Formato Cor
XYZ 81, 84.2, 99
CIELab 93.55, 1.84, -4.89
Decimal 15395573
Yxy 82.9304, 0.306, 0.3178
YUV 235.254, 133.5, 127.1056
CIELuv 92.984, -0.6217, -8.6156
Web Safe CCCCCC

Distribuição de #eaeaf5

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.

#eaeaf5

#eaeaf5
rgb(234,234,245)

#f5f5eb

#f5f5eb
rgb(245,245,235)

Cores triadicas

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

#f5ebeb

#f5ebeb
rgb(245,235,235)

#eaeaf5

#eaeaf5
rgb(234,234,245)

#ebf5eb

#ebf5eb
rgb(235,245,235)

Cores tetrádicas

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

#f5ebf0

#f5ebf0
rgb(245,235,240)

#eaeaf5

#eaeaf5
rgb(234,234,245)

#f5f5eb

#f5f5eb
rgb(245,245,235)

#ebf5f0

#ebf5f0
rgb(235,245,240)

Cores monocromáticas

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

#eaeaf5

#eaeaf5
rgb(234,234,245)

#c2c2f5

#c2c2f5
rgb(194,194,245)

#bfbff5

#bfbff5
rgb(191,191,245)

#bdbdf5

#bdbdf5
rgb(189,189,245)

#bbbbf5

#bbbbf5
rgb(187,187,245)

#b8b8f5

#b8b8f5
rgb(184,184,245)

Tons e Matizes de #eaeaf5

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

Matiz (adicionando branco)
#eaeaf5

#eaeaf5
rgb(234,234,245)

#eeeef7

#eeeef7
rgb(238,238,247)

#f2f2f9

#f2f2f9
rgb(242,242,249)

#f6f6fb

#f6f6fb
rgb(246,246,251)

#fafafd

#fafafd
rgb(250,250,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#eaeaf5

#eaeaf5
rgb(234,234,245)

#bbbbc4

#bbbbc4
rgb(187,187,196)

#8c8c93

#8c8c93
rgb(140,140,147)

#5d5d61

#5d5d61
rgb(93,93,97)

#2e2e30

#2e2e30
rgb(46,46,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #eaeaf5

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #eaeaf5.

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

Este elemento tem uma cor de borda de #eaeaf5.

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

Cores alietórias

#d8fa80

#d8fa80
rgb(216,250,128)

#ae3672

#ae3672
rgb(174,54,114)

#59d38c

#59d38c
rgb(89,211,140)

#f92d0e

#f92d0e
rgb(249,45,14)

#eeaee7

#eeaee7
rgb(238,174,231)

#a278aa

#a278aa
rgb(162,120,170)

#d9c36c

#d9c36c
rgb(217,195,108)

#95aed5

#95aed5
rgb(149,174,213)

#89a937

#89a937
rgb(137,169,55)

#8697ad

#8697ad
rgb(134,151,173)

#52b546

#52b546
rgb(82,181,70)

#b9fb4c

#b9fb4c
rgb(185,251,76)