Guia de cor

Cor Pink

#EC4899

Códigos da cor pink

HEX
#EC4899
RGB
rgb(236, 72, 153)
HSL
hsl(330, 81%, 60%)
OKLCH
oklch(79% 0.05 321)

O que significa o pink

Pink communicates playfulness, empathy and modern femininity. Bright pinks feel bold and youthful; soft pinks feel calm and caring.

Como usar em design

Popular in beauty, lifestyle and kids products. A vivid pink accent can modernize an otherwise neutral palette.

Combinações de cores com pink

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

Complementar

Contraste máximo: #EC4899 + #46EC99

Abrir no editor

Análoga

Harmonia a ±30°: #EC46EC · #EC4899 · #EC4646

Triádica

Separação de 120°: #EC4899 · #99EC46 · #4699EC

Tons da cor pink (escala 50–900)

Escala estilo Tailwind gerada a partir de #EC4899.

50 #3E1127
100 #43122B
200 #5B1739
300 #831C50
400 #C01F70
500 #EC4699
600 #EE97C2
700 #F5D0E2
800 #FDF6F9
900 #FFFFFF

Perguntas frequentes sobre a cor pink

Qual é o código HEX da cor pink?

Um valor HEX muito usado para pink é #EC4899, equivalente a rgb(236, 72, 153). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (330°).

Que cores combinam com pink?

pink combina muito bem com teal, navy, gold, mint. A sua cor complementar é #46EC99, e um esquema triádico clássico adiciona #99EC46 e #4699EC.

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

Cria a tua própria paleta pink

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

Abrir o gerador de paletas