Informação da cor #42aca0

A cor hexadecimal 42aca0 no modelo de cores RGB (Red, Green, Blue), é um composta por 66 de vermelho, 172 de verde e 160 de azul.

No padrão de cores CMYK, é composto por 61.6% de ciano, 0% de magenta, 7% de amarelo e 32.5% de preto. Tem um ângulo de matiz de 173.2 graus, uma saturação de 44.5% e uma leveza de 46.7%.

A cor mais próxima WebSafe é 339999.

Conversões de #42aca0 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 42aca0
RGB 66, 172, 160
RGB Percentagem 25.9%, 67.5%, 62.7%
CMYK 0.62, 0, 0.07, 0.33
HSL 173.2°, 44.5%, 46.7%
HSV (ou HSB) 173.2°, 61.6%, 67.5%
RYB 25.9, 48.2, 67.5
Formato Cor
XYZ 25.7, 36, 41.9
CIELab 66.53, -32.54, -3.16
Decimal 4369568
Yxy 33.1989, 0.2458, 0.3496
YUV 138.938, 139.886, 75.9757
CIELuv 64.3216, -42.7945, 0.8431
Web Safe 339999

Distribuição de #42aca0

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.

#42aca0

#42aca0
rgb(66,172,160)

#ac424e

#ac424e
rgb(172,66,78)

Cores triadicas

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

#a142ac

#a142ac
rgb(161,66,172)

#42aca0

#42aca0
rgb(66,172,160)

#aca142

#aca142
rgb(172,161,66)

Cores tetrádicas

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

#6c42ac

#6c42ac
rgb(108,66,172)

#42aca0

#42aca0
rgb(66,172,160)

#ac424e

#ac424e
rgb(172,66,78)

#83ac42

#83ac42
rgb(131,172,66)

Cores monocromáticas

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

#42aca0

#42aca0
rgb(66,172,160)

#87aca8

#87aca8
rgb(135,172,168)

#86aca8

#86aca8
rgb(134,172,168)

#84aca8

#84aca8
rgb(132,172,168)

#82aca8

#82aca8
rgb(130,172,168)

#80aca8

#80aca8
rgb(128,172,168)

Tons e Matizes de #42aca0

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

Matiz (adicionando branco)
#42aca0

#42aca0
rgb(66,172,160)

#67bcb3

#67bcb3
rgb(103,188,179)

#8dcdc6

#8dcdc6
rgb(141,205,198)

#b3ddd9

#b3ddd9
rgb(179,221,217)

#d9eeec

#d9eeec
rgb(217,238,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#42aca0

#42aca0
rgb(66,172,160)

#348980

#348980
rgb(52,137,128)

#276760

#276760
rgb(39,103,96)

#1a443f

#1a443f
rgb(26,68,63)

#0d221f

#0d221f
rgb(13,34,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #42aca0

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

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

Contraste

Branco e #42aca0
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 #42aca0
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 #42aca0

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

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

Este parágrafo tem fundo de cor #42aca0.

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

Este elemento tem uma cor de borda de #42aca0.

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

Cores alietórias

#62bda9

#62bda9
rgb(98,189,169)

#2533ce

#2533ce
rgb(37,51,206)

#6b6e73

#6b6e73
rgb(107,110,115)

#02d42c

#02d42c
rgb(2,212,44)

#302225

#302225
rgb(48,34,37)

#349a8a

#349a8a
rgb(52,154,138)

#6e7ef7

#6e7ef7
rgb(110,126,247)

#0414cb

#0414cb
rgb(4,20,203)

#1a9324

#1a9324
rgb(26,147,36)

#443be9

#443be9
rgb(68,59,233)

#a735a2

#a735a2
rgb(167,53,162)

#eb23d1

#eb23d1
rgb(235,35,209)