Guia de cor

Cor Turquoise

#40E0D0

Códigos da cor turquoise

HEX
#40E0D0
RGB
rgb(64, 224, 208)
HSL
hsl(174, 72%, 56%)
OKLCH
oklch(89% 0.04 240)

O que significa o turquoise

Turquoise recalls tropical seas and clarity. It refreshes and opens up dense layouts.

Como usar em design

Great for travel, wellness and summer campaigns. Needs dark text for accessible contrast.

Combinações de cores com turquoise

Harmonias calculadas com teoria da cor para o matiz base 174°.

Complementar

Contraste máximo: #40E0D0 + #E03E4E

Abrir no editor

Análoga

Harmonia a ±30°: #3EE07F · #40E0D0 · #3E9FE0

Triádica

Separação de 120°: #40E0D0 · #CF3EE0 · #E0CF3E

Tons da cor turquoise (escala 50–900)

Escala estilo Tailwind gerada a partir de #40E0D0.

50 #0F2B28
100 #11302D
200 #174641
300 #1F6C64
400 #26A599
500 #3EE0CF
600 #8BE5DC
700 #C3EEEA
800 #E7F7F6
900 #FCFEFE

Perguntas frequentes sobre a cor turquoise

Qual é o código HEX da cor turquoise?

Um valor HEX muito usado para turquoise é #40E0D0, equivalente a rgb(64, 224, 208). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (174°).

Que cores combinam com turquoise?

turquoise combina muito bem com coral, navy, sand, charcoal. A sua cor complementar é #E03E4E, e um esquema triádico clássico adiciona #CF3EE0 e #E0CF3E.

turquoise é acessível para textos e fundos?

Depende do rácio de contraste face à outra cor. Usa o verificador de contraste da NanoPalettes para verificar a conformidade WCAG AA (4.5:1) e AAA (7:1) antes de usar turquoise em textos ou elementos de interface.

Cria a tua própria paleta turquoise

Gera combinações harmoniosas a partir de #40E0D0 em segundos.

Abrir o gerador de paletas