Cor Turquesa: código #40E0D0

Turquesa

#40E0D0

Códigos da cor

  • HEX#40E0D0
  • RGBrgb(64, 224, 208)
  • HSLhsl(174, 72%, 56%)
  • HSVhsv(174, 71%, 88%)
  • CMYKcmyk(71%, 0%, 7%, 12%)
  • LABlab(81.3% -44.1 -4)
  • OKLCHoklch(82.2% 0.131 185.1)

Sobre a cor Turquesa

Turquesa tem o código HEX #40E0D0, que corresponde a rgb(64, 224, 208) no modelo RGB. No círculo cromático, seu matiz fica em 174°, com 72% de saturação e 56% de luminosidade (hsl(174, 72%, 56%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 12,79:1 sobre ela, contra 1,64:1 do branco.

Para impressão, a conversão aproximada é cmyk(71%, 0%, 7%, 12%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Turquesa

Complementar

#40E0D0 · #E03E4E

Análoga

#3EE07F · #40E0D0 · #3E9FE0

Tríade

#40E0D0 · #CF3EE0 · #E0CF3E

Tetrádica

#40E0D0 · #7F3EE0 · #E03E4E · #9FE03E

Complementar dividida

#40E0D0 · #E03E9F · #E07F3E

Monocromática

#16887D · #21CAB9 · #40E0D0 · #80EAE0 · #C2F5F0

Turquesa com texto branco e preto

Texto branco Aa Bb Cc 123
1,64:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
12,79:1 · AAA

Testar outras combinações no verificador de contraste

Significado e percepção

O turquesa leva o nome da pedra que os europeus conheceram por rotas comerciais vindas da Turquia, e carrega até hoje essa ligação com joias, água e lugares quentes. No Brasil, a associação mais imediata é com mar raso de água clara, piscina e verão: não é à toa que aparece tanto em material de turismo do Nordeste. Em outras culturas, a mesma pedra tem valor de proteção ou de status, e em contextos corporativos o tom pode soar apenas “fresco” e tecnológico. Como toda associação de cor, isso depende de cultura, época e do que está em volta; o guia de psicologia das cores explica por que não existe um significado universal.

Onde o turquesa funciona bem

Com que cores combinar

O turquesa tem matiz próximo de 174° no círculo cromático, então o complementar fica na região do coral e do vermelho-alaranjado. Algumas combinações seguras:

Para testar variações, monte a paleta de cores a partir do HEX #40E0D0.

Dica prática: texto sobre turquesa

O turquesa é uma cor clara em luminância. Texto branco sobre #40E0D0 fica em torno de 1,6:1 de contraste, muito abaixo do mínimo de 4,5:1 da WCAG para texto normal. Já o texto preto passa de 12:1. Se a marca pede botão turquesa, use rótulo preto ou azul-petróleo, ou escureça o fundo. Confira qualquer par no verificador de contraste.

No modo escuro, o turquesa puro pode vibrar demais sobre fundos quase pretos; reduzir um pouco a saturação ou a luminosidade deixa a leitura mais confortável.

Como usar em CSS

:root {
  --color-turquoise: #40E0D0;
  --color-turquoise-rgb: 64, 224, 208;
}

.elemento {
  background-color: var(--color-turquoise);
  color: #000000;
}

Cores parecidas

Use Turquesa nas ferramentas