Guia de cor

Cor Red

#EF4444

Códigos da cor red

HEX
#EF4444
RGB
rgb(239, 68, 68)
HSL
hsl(0, 84%, 60%)
OKLCH
oklch(75% 0.04 68)

O que significa o red

Red is the color of energy, passion and urgency. It raises attention levels and stimulates quick decision-making, which is why it dominates sale banners and call-to-action buttons.

Como usar em design

Use red sparingly as an accent: primary CTAs, badges and error states. Avoid large background areas in reading interfaces.

Combinações de cores com red

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

Complementar

Contraste máximo: #EF4444 + #43EFEF

Abrir no editor

Análoga

Harmonia a ±30°: #EF4399 · #EF4444 · #EF9943

Triádica

Separação de 120°: #EF4444 · #43EF43 · #4343EF

Tons da cor red (escala 50–900)

Escala estilo Tailwind gerada a partir de #EF4444.

50 #3F1010
100 #451111
200 #5C1515
300 #861919
400 #C31C1C
500 #EF4343
600 #F09595
700 #F6CFCF
800 #FDF6F6
900 #FFFFFF

Perguntas frequentes sobre a cor red

Qual é o código HEX da cor red?

Um valor HEX muito usado para red é #EF4444, equivalente a rgb(239, 68, 68). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (0°).

Que cores combinam com red?

red combina muito bem com white, charcoal, gold, navy. A sua cor complementar é #43EFEF, e um esquema triádico clássico adiciona #43EF43 e #4343EF.

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

Cria a tua própria paleta red

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

Abrir o gerador de paletas