Guia de cor

Cor Purple

#A855F7

Códigos da cor purple

HEX
#A855F7
RGB
rgb(168, 85, 247)
HSL
hsl(271, 91%, 65%)
OKLCH
oklch(81% 0.10 296)

O que significa o purple

Purple has long symbolized luxury, wisdom and imagination. Modern tech brands use it to feel innovative and premium at the same time.

Como usar em design

Strong choice for creative tools, beauty products and premium subscription branding.

Combinações de cores com purple

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

Complementar

Contraste máximo: #A855F7 + #A3F755

Abrir no editor

Análoga

Harmonia a ±30°: #5755F7 · #A855F7 · #F755F4

Triádica

Separação de 120°: #A855F7 · #F7A855 · #55F7A8

Tons da cor purple (escala 50–900)

Escala estilo Tailwind gerada a partir de #A855F7.

50 #351257
100 #39125D
200 #471576
300 #5F17A2
400 #8016E2
500 #A855F7
600 #D0A8F6
700 #F0E3FB
800 #FFFFFF
900 #FFFFFF

Perguntas frequentes sobre a cor purple

Qual é o código HEX da cor purple?

Um valor HEX muito usado para purple é #A855F7, equivalente a rgb(168, 85, 247). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (271°).

Que cores combinam com purple?

purple combina muito bem com yellow, mint, white, charcoal. A sua cor complementar é #A3F755, e um esquema triádico clássico adiciona #F7A855 e #55F7A8.

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

Cria a tua própria paleta purple

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

Abrir o gerador de paletas