Informação da cor #12d2eb

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

No padrão de cores CMYK, é composto por 92.3% de ciano, 10.6% de magenta, 0% de amarelo e 7.8% de preto. Tem um ângulo de matiz de 186.9 graus, uma saturação de 85.8% e uma leveza de 49.6%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #12d2eb 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 12d2eb
RGB 18, 210, 235
RGB Percentagem 7.1%, 82.4%, 92.2%
CMYK 0.92, 0.11, 0, 0.08
HSL 186.9°, 85.8%, 49.6%
HSV (ou HSB) 186.9°, 92.3%, 92.2%
RYB 7.1, 47.1, 92.2
Formato Cor
XYZ 39.5, 54.1, 88.2
CIELab 78.52, -34.24, -23.45
Decimal 1233643
Yxy 52.2148, 0.2161, 0.2948
YUV 155.442, 172.8973, 29.9672
CIELuv 77.4091, -56.5876, -34.0026
Web Safe 00CCCC

Distribuição de #12d2eb

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.

#12d2eb

#12d2eb
rgb(18,210,235)

#eb2c12

#eb2c12
rgb(235,44,18)

Cores triadicas

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

#eb12d2

#eb12d2
rgb(235,18,210)

#12d2eb

#12d2eb
rgb(18,210,235)

#d2eb12

#d2eb12
rgb(210,235,18)

Cores tetrádicas

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

#9812eb

#9812eb
rgb(152,18,235)

#12d2eb

#12d2eb
rgb(18,210,235)

#eb2c12

#eb2c12
rgb(235,44,18)

#66eb12

#66eb12
rgb(102,235,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.

#12d2eb

#12d2eb
rgb(18,210,235)

#b8e6eb

#b8e6eb
rgb(184,230,235)

#b6e5eb

#b6e5eb
rgb(182,229,235)

#b3e5eb

#b3e5eb
rgb(179,229,235)

#b1e5eb

#b1e5eb
rgb(177,229,235)

#afe4eb

#afe4eb
rgb(175,228,235)

Tons e Matizes de #12d2eb

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

Matiz (adicionando branco)
#12d2eb

#12d2eb
rgb(18,210,235)

#41dbef

#41dbef
rgb(65,219,239)

#70e4f3

#70e4f3
rgb(112,228,243)

#a0edf7

#a0edf7
rgb(160,237,247)

#cff6fb

#cff6fb
rgb(207,246,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#12d2eb

#12d2eb
rgb(18,210,235)

#0ea8bc

#0ea8bc
rgb(14,168,188)

#0a7e8d

#0a7e8d
rgb(10,126,141)

#07535d

#07535d
rgb(7,83,93)

#03292e

#03292e
rgb(3,41,46)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #12d2eb

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#92396e

#92396e
rgb(146,57,110)

#bdf0f4

#bdf0f4
rgb(189,240,244)

#fdae69

#fdae69
rgb(253,174,105)

#a7730d

#a7730d
rgb(167,115,13)

#d742a6

#d742a6
rgb(215,66,166)

#449de6

#449de6
rgb(68,157,230)

#7c9174

#7c9174
rgb(124,145,116)

#4a5118

#4a5118
rgb(74,81,24)

#9ae1ef

#9ae1ef
rgb(154,225,239)

#d4c7c5

#d4c7c5
rgb(212,199,197)

#4d04a1

#4d04a1
rgb(77,4,161)

#de877a

#de877a
rgb(222,135,122)