Informação da cor #2ea8ee

A cor hexadecimal 2ea8ee no modelo de cores RGB (Red, Green, Blue), é um composta por 46 de vermelho, 168 de verde e 238 de azul.

No padrão de cores CMYK, é composto por 80.7% de ciano, 29.4% de magenta, 0% de amarelo e 6.7% de preto. Tem um ângulo de matiz de 201.9 graus, uma saturação de 85% e uma leveza de 55.7%.

A cor mais próxima WebSafe é 0099CC.

Conversões de #2ea8ee 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 2ea8ee
RGB 46, 168, 238
RGB Percentagem 18%, 65.9%, 93.3%
CMYK 0.81, 0.29, 0, 0.07
HSL 201.9°, 85%, 55.7%
HSV (ou HSB) 201.9°, 80.7%, 93.3%
RYB 18, 47.5, 93.3
Formato Cor
XYZ 32.3, 37.3, 87.5
CIELab 67.52, -11.08, -41.91
Decimal 3057902
Yxy 34.7553, 0.202, 0.2297
YUV 139.502, 183.5858, 61.3082
CIELuv 65.5577, -39.9782, -69.9434
Web Safe 0099CC

Distribuição de #2ea8ee

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.

#2ea8ee

#2ea8ee
rgb(46,168,238)

#ee742e

#ee742e
rgb(238,116,46)

Cores triadicas

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

#ee2ea9

#ee2ea9
rgb(238,46,169)

#2ea8ee

#2ea8ee
rgb(46,168,238)

#a9ee2e

#a9ee2e
rgb(169,238,46)

Cores tetrádicas

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

#d42eee

#d42eee
rgb(212,46,238)

#2ea8ee

#2ea8ee
rgb(46,168,238)

#ee742e

#ee742e
rgb(238,116,46)

#49ee2e

#49ee2e
rgb(73,238,46)

Cores monocromáticas

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

#2ea8ee

#2ea8ee
rgb(46,168,238)

#bbdcee

#bbdcee
rgb(187,220,238)

#b8dbee

#b8dbee
rgb(184,219,238)

#b6daee

#b6daee
rgb(182,218,238)

#b3d9ee

#b3d9ee
rgb(179,217,238)

#b1d8ee

#b1d8ee
rgb(177,216,238)

Tons e Matizes de #2ea8ee

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

Matiz (adicionando branco)
#2ea8ee

#2ea8ee
rgb(46,168,238)

#57b9f1

#57b9f1
rgb(87,185,241)

#81caf4

#81caf4
rgb(129,202,244)

#abdcf8

#abdcf8
rgb(171,220,248)

#d5edfb

#d5edfb
rgb(213,237,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2ea8ee

#2ea8ee
rgb(46,168,238)

#2486be

#2486be
rgb(36,134,190)

#1b648e

#1b648e
rgb(27,100,142)

#12435f

#12435f
rgb(18,67,95)

#09212f

#09212f
rgb(9,33,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2ea8ee

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

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

Contraste

Branco e #2ea8ee
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 #2ea8ee
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 #2ea8ee

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

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

Este parágrafo tem fundo de cor #2ea8ee.

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

Este elemento tem uma cor de borda de #2ea8ee.

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

Cores alietórias

#beb791

#beb791
rgb(190,183,145)

#e68a49

#e68a49
rgb(230,138,73)

#d9ba23

#d9ba23
rgb(217,186,35)

#eab4c4

#eab4c4
rgb(234,180,196)

#6c4e1e

#6c4e1e
rgb(108,78,30)

#d84315

#d84315
rgb(216,67,21)

#ca9d2a

#ca9d2a
rgb(202,157,42)

#9ffb1a

#9ffb1a
rgb(159,251,26)

#e5fb16

#e5fb16
rgb(229,251,22)

#e1e0a0

#e1e0a0
rgb(225,224,160)

#93ec95

#93ec95
rgb(147,236,149)

#972e91

#972e91
rgb(151,46,145)