Informação da cor #e2fd26

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

No padrão de cores CMYK, é composto por 10.7% de ciano, 0% de magenta, 85% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 67.5 graus, uma saturação de 98.2% e uma leveza de 57.1%.

A cor mais próxima WebSafe é CCCC00.

Conversões de #e2fd26 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 e2fd26
RGB 226, 253, 38
RGB Percentagem 88.6%, 99.2%, 14.9%
CMYK 0.11, 0, 0.85, 0.01
HSL 67.5°, 98.2%, 57.1%
HSV (ou HSB) 67.5°, 85%, 99.2%
RYB 14.9, 99.2, 25.5
Formato Cor
XYZ 67.8, 87.1, 15.8
CIELab 94.78, -30.85, 85.93
Decimal 14875942
Yxy 86.56, 0.3969, 0.514
YUV 220.417, 25.0559, 131.9821
CIELuv 94.5513, -10.1536, 103.3195
Web Safe CCCC00

Distribuição de #e2fd26

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.

#e2fd26

#e2fd26
rgb(226,253,38)

#4127fd

#4127fd
rgb(65,39,253)

Cores triadicas

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

#27e3fd

#27e3fd
rgb(39,227,253)

#e2fd26

#e2fd26
rgb(226,253,38)

#fd27e3

#fd27e3
rgb(253,39,227)

Cores tetrádicas

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

#27fdad

#27fdad
rgb(39,253,173)

#e2fd26

#e2fd26
rgb(226,253,38)

#4127fd

#4127fd
rgb(65,39,253)

#fd2777

#fd2777
rgb(253,39,119)

Cores monocromáticas

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

#e2fd26

#e2fd26
rgb(226,253,38)

#f7fdc6

#f7fdc6
rgb(247,253,198)

#f6fdc4

#f6fdc4
rgb(246,253,196)

#f6fdc1

#f6fdc1
rgb(246,253,193)

#f6fdbf

#f6fdbf
rgb(246,253,191)

#f5fdbc

#f5fdbc
rgb(245,253,188)

Tons e Matizes de #e2fd26

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

Matiz (adicionando branco)
#e2fd26

#e2fd26
rgb(226,253,38)

#e7fd51

#e7fd51
rgb(231,253,81)

#edfd7c

#edfd7c
rgb(237,253,124)

#f3fea8

#f3fea8
rgb(243,254,168)

#f9fed3

#f9fed3
rgb(249,254,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e2fd26

#e2fd26
rgb(226,253,38)

#b4ca1e

#b4ca1e
rgb(180,202,30)

#879716

#879716
rgb(135,151,22)

#5a650f

#5a650f
rgb(90,101,15)

#2d3207

#2d3207
rgb(45,50,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e2fd26

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e2fd26.

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

Este elemento tem uma cor de borda de #e2fd26.

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

Cores alietórias

#91040a

#91040a
rgb(145,4,10)

#e9e0f0

#e9e0f0
rgb(233,224,240)

#faf167

#faf167
rgb(250,241,103)

#34e6c8

#34e6c8
rgb(52,230,200)

#3e6cb5

#3e6cb5
rgb(62,108,181)

#97b033

#97b033
rgb(151,176,51)

#6ab5c7

#6ab5c7
rgb(106,181,199)

#faa725

#faa725
rgb(250,167,37)

#3e750c

#3e750c
rgb(62,117,12)

#3d3790

#3d3790
rgb(61,55,144)

#11ff94

#11ff94
rgb(17,255,148)

#5a6eab

#5a6eab
rgb(90,110,171)