Informação da cor #60f4ef

A cor hexadecimal 60f4ef no modelo de cores RGB (Red, Green, Blue), é um composta por 96 de vermelho, 244 de verde e 239 de azul.

No padrão de cores CMYK, é composto por 60.7% de ciano, 0% de magenta, 2% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 178 graus, uma saturação de 87.1% e uma leveza de 66.7%.

A cor mais próxima WebSafe é 33CCCC.

Conversões de #60f4ef 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 60f4ef
RGB 96, 244, 239
RGB Percentagem 37.6%, 95.7%, 93.7%
CMYK 0.61, 0, 0.02, 0.04
HSL 178°, 87.1%, 66.7%
HSV (ou HSB) 178°, 60.7%, 95.7%
RYB 37.6, 67.5, 95.7
Formato Cor
XYZ 54.2, 74.5, 94.2
CIELab 89.17, -38.8, -9.23
Decimal 6354159
Yxy 73.4145, 0.2406, 0.3349
YUV 199.178, 150.4729, 54.4066
CIELuv 88.645, -58.3224, -8.3859
Web Safe 33CCCC

Distribuição de #60f4ef

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.

#60f4ef

#60f4ef
rgb(96,244,239)

#f46065

#f46065
rgb(244,96,101)

Cores triadicas

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

#f060f4

#f060f4
rgb(240,96,244)

#60f4ef

#60f4ef
rgb(96,244,239)

#f4f060

#f4f060
rgb(244,240,96)

Cores tetrádicas

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

#a660f4

#a660f4
rgb(166,96,244)

#60f4ef

#60f4ef
rgb(96,244,239)

#f46065

#f46065
rgb(244,96,101)

#aff460

#aff460
rgb(175,244,96)

Cores monocromáticas

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

#60f4ef

#60f4ef
rgb(96,244,239)

#c0f4f3

#c0f4f3
rgb(192,244,243)

#bdf4f3

#bdf4f3
rgb(189,244,243)

#bbf4f3

#bbf4f3
rgb(187,244,243)

#b8f4f2

#b8f4f2
rgb(184,244,242)

#b6f4f2

#b6f4f2
rgb(182,244,242)

Tons e Matizes de #60f4ef

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

Matiz (adicionando branco)
#60f4ef

#60f4ef
rgb(96,244,239)

#7ff6f2

#7ff6f2
rgb(127,246,242)

#9ff8f5

#9ff8f5
rgb(159,248,245)

#bffaf8

#bffaf8
rgb(191,250,248)

#dffcfb

#dffcfb
rgb(223,252,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#60f4ef

#60f4ef
rgb(96,244,239)

#4cc3bf

#4cc3bf
rgb(76,195,191)

#39928f

#39928f
rgb(57,146,143)

#26615f

#26615f
rgb(38,97,95)

#13302f

#13302f
rgb(19,48,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #60f4ef

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

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

Contraste

Branco e #60f4ef
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 #60f4ef
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 #60f4ef

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

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

Este parágrafo tem fundo de cor #60f4ef.

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

Este elemento tem uma cor de borda de #60f4ef.

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

Cores alietórias

#bbcde2

#bbcde2
rgb(187,205,226)

#0539de

#0539de
rgb(5,57,222)

#a3223d

#a3223d
rgb(163,34,61)

#e0c87c

#e0c87c
rgb(224,200,124)

#6677f4

#6677f4
rgb(102,119,244)

#f9bacf

#f9bacf
rgb(249,186,207)

#9cb8f4

#9cb8f4
rgb(156,184,244)

#481060

#481060
rgb(72,16,96)

#9b9b1f

#9b9b1f
rgb(155,155,31)

#3a5e56

#3a5e56
rgb(58,94,86)

#412eaf

#412eaf
rgb(65,46,175)

#703abd

#703abd
rgb(112,58,189)