Informação da cor #12efe6

A cor hexadecimal 12efe6 no modelo de cores RGB (Red, Green, Blue), é um composta por 18 de vermelho, 239 de verde e 230 de azul.

No padrão de cores CMYK, é composto por 92.5% de ciano, 0% de magenta, 3.8% de amarelo e 6.3% de preto. Tem um ângulo de matiz de 177.6 graus, uma saturação de 87.4% e uma leveza de 50.4%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #12efe6 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 12efe6
RGB 18, 239, 230
RGB Percentagem 7.1%, 93.7%, 90.2%
CMYK 0.92, 0, 0.04, 0.06
HSL 177.6°, 87.4%, 50.4%
HSV (ou HSB) 177.6°, 92.5%, 93.7%
RYB 7.1, 51.4, 93.7
Formato Cor
XYZ 46.2, 68.5, 87.1
CIELab 86.26, -47.69, -9.35
Decimal 1241062
Yxy 67.5687, 0.2287, 0.3405
YUV 171.895, 160.7907, 18.2318
CIELuv 85.7903, -66.7035, -6.7301
Web Safe 00CCCC

Distribuição de #12efe6

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.

#12efe6

#12efe6
rgb(18,239,230)

#ef121b

#ef121b
rgb(239,18,27)

Cores triadicas

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

#e712ef

#e712ef
rgb(231,18,239)

#12efe6

#12efe6
rgb(18,239,230)

#efe712

#efe712
rgb(239,231,18)

Cores tetrádicas

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

#7812ef

#7812ef
rgb(120,18,239)

#12efe6

#12efe6
rgb(18,239,230)

#ef121b

#ef121b
rgb(239,18,27)

#8aef12

#8aef12
rgb(138,239,18)

Cores monocromáticas

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

#12efe6

#12efe6
rgb(18,239,230)

#bbefed

#bbefed
rgb(187,239,237)

#b9efed

#b9efed
rgb(185,239,237)

#b6efed

#b6efed
rgb(182,239,237)

#b4efed

#b4efed
rgb(180,239,237)

#b2efed

#b2efed
rgb(178,239,237)

Tons e Matizes de #12efe6

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

Matiz (adicionando branco)
#12efe6

#12efe6
rgb(18,239,230)

#41f2eb

#41f2eb
rgb(65,242,235)

#70f5f0

#70f5f0
rgb(112,245,240)

#a0f8f5

#a0f8f5
rgb(160,248,245)

#cffbfa

#cffbfa
rgb(207,251,250)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#12efe6

#12efe6
rgb(18,239,230)

#0ebfb8

#0ebfb8
rgb(14,191,184)

#0a8f8a

#0a8f8a
rgb(10,143,138)

#075f5b

#075f5b
rgb(7,95,91)

#032f2d

#032f2d
rgb(3,47,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #12efe6

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

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

Contraste

Branco e #12efe6
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 #12efe6
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 #12efe6

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

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

Este parágrafo tem fundo de cor #12efe6.

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

Este elemento tem uma cor de borda de #12efe6.

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

Cores alietórias

#31c07b

#31c07b
rgb(49,192,123)

#c2c0a7

#c2c0a7
rgb(194,192,167)

#6b0d6d

#6b0d6d
rgb(107,13,109)

#357501

#357501
rgb(53,117,1)

#f2eb2e

#f2eb2e
rgb(242,235,46)

#aa847f

#aa847f
rgb(170,132,127)

#78500a

#78500a
rgb(120,80,10)

#55c827

#55c827
rgb(85,200,39)

#eeb73d

#eeb73d
rgb(238,183,61)

#dfb1fe

#dfb1fe
rgb(223,177,254)

#d6cecb

#d6cecb
rgb(214,206,203)

#e12a54

#e12a54
rgb(225,42,84)