Guia de cor

Cor Coral

#F87166

Códigos da cor coral

HEX
#F87166
RGB
rgb(248, 113, 102)
HSL
hsl(5, 91%, 69%)
OKLCH
oklch(83% 0.03 76)

O que significa o coral

Coral is warm, organic and welcoming. It softens orange into something friendly and encouraging.

Como usar em design

Beautiful for lifestyle brands, travel apps and friendly empty states.

Combinações de cores com coral

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

Complementar

Contraste máximo: #F87166 + #68ECF8

Abrir no editor

Análoga

Harmonia a ±30°: #F868A4 · #F87166 · #F8BC68

Triádica

Separação de 120°: #F87166 · #68F874 · #7468F8

Tons da cor coral (escala 50–900)

Escala estilo Tailwind gerada a partir de #F87166.

50 #681C15
100 #6E1D16
200 #872118
300 #B3261A
400 #E93424
500 #F87468
600 #F8BFBA
700 #FEF6F5
800 #FFFFFF
900 #FFFFFF

Perguntas frequentes sobre a cor coral

Qual é o código HEX da cor coral?

Um valor HEX muito usado para coral é #F87166, equivalente a rgb(248, 113, 102). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (5°).

Que cores combinam com coral?

coral combina muito bem com teal, mint, cream, navy. A sua cor complementar é #68ECF8, e um esquema triádico clássico adiciona #68F874 e #7468F8.

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

Cria a tua própria paleta coral

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

Abrir o gerador de paletas