
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com laranja claro?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre laranja claro para inspirar seu próximo design.
Laranja claro é uma cor alegre e vibrante que exala brincadeira e otimismo. Posicionada entre amarelo e vermelho na roda de cores, esse tom quente e convidativo abrange um espectro de nuances, desde a suavidade do pêssego até o brilho do melão.

Laranja claro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFDBBB
- Valor RGB: 100% vermelho, 85,9% verde e 73,3% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Se você deseja adicionar um toque de laranja claro ao seu projeto, aqui estão algumas maneiras de fazê-lo:
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro suave e quente do laranja claro, considere o seguinte:
Para complementar os tons delicados do laranja claro, considere combiná-lo com:
Outras cores que valem a pena considerar incluem creme para um visual suave e coeso, marrom chocolate escuro para um contraste rico e fundamentado, e amarelo pálido para um complemento alegre e ensolarado.
Laranja claro pode entrar em conflito com:
Laranja claro irradia calor, felicidade e criatividade. Ele retém a energia positiva do laranja, mas de uma maneira mais suave e acessível. Pode incentivar a interação social e um senso de otimismo.
Na psicologia das cores, as pessoas veem o laranja claro como revitalizante e estimulante. O calor suave desse tom incentiva a facilidade e o conforto. Sua capacidade de inspirar felicidade o torna perfeito para ambientes projetados para relaxamento e diversão.
No design de UI, laranja claro é uma ótima escolha para criar atmosferas amigáveis e acolhedoras. Ele pode destacar elementos importantes e chamadas para ação sem ser opressor.
Laranja claro não tem uma história documentada, mas sua cor-mãe, o laranja, é rica. O uso de tons de laranja remonta a civilizações antigas, onde pigmentos naturais eram derivados de minerais e plantas para criar tons vibrantes para obras de arte e têxteis. O desenvolvimento de corantes sintéticos no século 19 expandiu ainda mais a gama de tons de laranja, incluindo tons mais claros como o laranja claro.
Laranja claro ganhou popularidade durante o movimento de design moderno de meados do século no século 20. Foi usado em tudo, desde móveis até design gráfico, incorporando o otimismo e a atitude progressista da época. Nos últimos anos, o laranja claro tem frequentemente transmitido uma estética retrô, mas contemporânea.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Elegância Neutra
Horizonte de Pêssego
Rubor Sutil
Contraste 1,3
#FFDBBB
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 16,1
#FFDBBB
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ffdbbb, conhecida como Laranja Claro, tem valores RGB de R:255, G:219, B:187 e valores CMYK de C:0, M:14, Y:27, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffdbbb | #ffdbbb |
| RGB DECIMAL | 255, 219, 187 | RGB(255,219,187) |
| RGB PERCENTAGE | 100.0, 85.9, 73.3 | RGB(100.0%,85.9%,73.3%) |
| CMYK | 0, 14, 27, 0 | |
| HSL | HSL(28.2, 100.0%, 86.7%) | HSL(28.2, 100.0%, 86.7%) |
| HSV (OR HSB) | 28.2°, 26.7, 100.0 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111111, 11011011, 10111011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.859, blue: 0.733) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.859, blue: 0.733, alpha: 1) | |
| Android - Compose | Color(0xFFFFDBBB) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com laranja claro?

Saiba mais sobre a leveza suave dos tons pastéis.

Saiba mais sobre a leveza suave do verde sálvia.