Guia de cor

Cor Beige

#D5C9B2

Códigos da cor beige

HEX
#D5C9B2
RGB
rgb(213, 201, 178)
HSL
hsl(39, 29%, 77%)
OKLCH
oklch(92% 0.01 169)

O que significa o beige

Beige is understated, natural calm. The backbone of quiet luxury and organic brands.

Como usar em design

Excellent neutral background for editorial, fashion and artisan branding.

Combinações de cores com beige

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

Complementar

Contraste máximo: #D5C9B2 + #B3BFD5

Abrir no editor

Análoga

Harmonia a ±30°: #D5B8B3 · #D5C9B2 · #D0D5B3

Triádica

Separação de 120°: #D5C9B2 · #B3D5C9 · #C9B3D5

Tons da cor beige (escala 50–900)

Escala estilo Tailwind gerada a partir de #D5C9B2.

50 #56544F
100 #5A5752
200 #6C665C
300 #8B806B
400 #AFA187
500 #D5C9B3
600 #F1EFEA
700 #FFFFFF
800 #FFFFFF
900 #FFFFFF

Perguntas frequentes sobre a cor beige

Qual é o código HEX da cor beige?

Um valor HEX muito usado para beige é #D5C9B2, equivalente a rgb(213, 201, 178). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (39°).

Que cores combinam com beige?

beige combina muito bem com charcoal, terracotta, olive, navy. A sua cor complementar é #B3BFD5, e um esquema triádico clássico adiciona #B3D5C9 e #C9B3D5.

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

Cria a tua própria paleta beige

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

Abrir o gerador de paletas