Informação da cor #e9f370

A cor hexadecimal e9f370 no modelo de cores RGB (Red, Green, Blue), é um composta por 233 de vermelho, 243 de verde e 112 de azul.

No padrão de cores CMYK, é composto por 4.1% de ciano, 0% de magenta, 53.9% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 64.6 graus, uma saturação de 84.5% e uma leveza de 69.6%.

A cor mais próxima WebSafe é CCCC66.

Conversões de #e9f370 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 e9f370
RGB 233, 243, 112
RGB Percentagem 91.4%, 95.3%, 43.9%
CMYK 0.04, 0, 0.54, 0.05
HSL 64.6°, 84.5%, 69.6%
HSV (ou HSB) 64.6°, 53.9%, 95.3%
RYB 43.9, 95.3, 47.8
Formato Cor
XYZ 69.9, 83.7, 30.3
CIELab 93.31, -19.78, 57.89
Decimal 15332208
Yxy 82.5959, 0.3835, 0.4619
YUV 225.076, 64.1874, 133.6519
CIELuv 92.8372, -0.6684, 79.9801
Web Safe CCCC66

Distribuição de #e9f370

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.

#e9f370

#e9f370
rgb(233,243,112)

#7b70f3

#7b70f3
rgb(123,112,243)

Cores triadicas

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

#70e9f3

#70e9f3
rgb(112,233,243)

#e9f370

#e9f370
rgb(233,243,112)

#f370e9

#f370e9
rgb(243,112,233)

Cores tetrádicas

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

#70f3bc

#70f3bc
rgb(112,243,188)

#e9f370

#e9f370
rgb(233,243,112)

#7b70f3

#7b70f3
rgb(123,112,243)

#f370a8

#f370a8
rgb(243,112,168)

Cores monocromáticas

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

#e9f370

#e9f370
rgb(233,243,112)

#f0f3bf

#f0f3bf
rgb(240,243,191)

#eff3bd

#eff3bd
rgb(239,243,189)

#eff3ba

#eff3ba
rgb(239,243,186)

#eff3b8

#eff3b8
rgb(239,243,184)

#eff3b5

#eff3b5
rgb(239,243,181)

Tons e Matizes de #e9f370

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

Matiz (adicionando branco)
#e9f370

#e9f370
rgb(233,243,112)

#edf58c

#edf58c
rgb(237,245,140)

#f1f7a9

#f1f7a9
rgb(241,247,169)

#f6fac5

#f6fac5
rgb(246,250,197)

#fafce2

#fafce2
rgb(250,252,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e9f370

#e9f370
rgb(233,243,112)

#bac259

#bac259
rgb(186,194,89)

#8b9143

#8b9143
rgb(139,145,67)

#5d612c

#5d612c
rgb(93,97,44)

#2e3016

#2e3016
rgb(46,48,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e9f370

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e9f370.

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

Este elemento tem uma cor de borda de #e9f370.

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

Cores alietórias

#5a5fe0

#5a5fe0
rgb(90,95,224)

#6f5312

#6f5312
rgb(111,83,18)

#f419b4

#f419b4
rgb(244,25,180)

#1b3653

#1b3653
rgb(27,54,83)

#2c1674

#2c1674
rgb(44,22,116)

#536dfa

#536dfa
rgb(83,109,250)

#4804cc

#4804cc
rgb(72,4,204)

#350144

#350144
rgb(53,1,68)

#9463c4

#9463c4
rgb(148,99,196)

#842737

#842737
rgb(132,39,55)

#05d76b

#05d76b
rgb(5,215,107)

#0fa48d

#0fa48d
rgb(15,164,141)