Guia de cor

Cor Teal

#14B8A6

Códigos da cor teal

HEX

#14B8A6

RGB

rgb(20, 184, 166)

HSL

hsl(173, 80%, 40%)

OKLCH

oklch(82% 0.04 236)

O que significa o teal

Teal balances the calm of blue with the renewal of green. It feels balanced, clean and quietly confident.

Como usar em design

Excellent for healthcare, fintech and communication apps seeking a fresh but trustworthy look.

Combinações de cores com teal

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

Complementar

Contraste máximo: #14B8A6 + #B81427

Abrir no editor

Análoga

Harmonia a ±30°: #14B853 · #14B8A6 · #1479B8

Triádica

Separação de 120°: #14B8A6 · #A514B8 · #B8A514

Tons da cor teal (escala 50–900)

Escala estilo Tailwind gerada a partir de #14B8A6.

50 #000000

100 #000000

200 #020908

300 #0A2F2B

400 #12685E

500 #14B8A5

600 #40DFCC

700 #7DE2D6

800 #A5E8E0

900 #BCECE7

Cores que combinam com teal

Perguntas frequentes sobre a cor teal

Qual é o código HEX da cor teal?

Um valor HEX muito usado para teal é #14B8A6, equivalente a rgb(20, 184, 166). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (173°).

Que cores combinam com teal?

teal combina muito bem com coral, white, charcoal, gold. A sua cor complementar é #B81427, e um esquema triádico clássico adiciona #A514B8 e #B8A514.

teal é 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 teal em textos ou elementos de interface.

Cria a tua própria paleta teal

Gera combinações harmoniosas a partir de #14B8A6 em segundos.

Abrir o gerador de paletas