Ir para o conteúdo principal

Laranja-claro

Tudo o que você precisa saber sobre laranja claro para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

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.

color Laranja Clarocolor Laranja Claro

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:

  • Destaque elementos-chave. Use laranja claro para destacar chamadas para ação, botões ou informações importantes sem sobrecarregar o usuário.
  • Crie calor e energia. Incorpore laranja claro em seus designs para introduzir calor e uma sensação de energia, tornando os espaços digitais mais convidativos e dinâmicos.
  • Equilibre com neutros. Combine laranja claro com cores neutras para equilibrar seu calor e garantir que seu design não pareça muito saturado ou intenso.
  • Use para aplicativos sociais. Dada sua associação com comunicação e sociabilidade, laranja claro é especialmente eficaz em designs para aplicativos de redes sociais e plataformas que enfatizam a interação do usuário.

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:

  • Pêssego (#FFD3AC) se assemelha ao laranja claro com sua mistura de tons rosa e amarelo, oferecendo um visual ligeiramente mais suave e cremoso que evoca calor e conforto.
  • Damasco (#FBCEB1) compartilha a suave calor do laranja claro, mas com um toque mais de rosa, criando um tom delicado e convidativo, igualmente suave.
  • Salmão (#FA8072) introduz um pouco mais de rosa, proporcionando uma alternativa vibrante, mas suave, que faz a ponte entre os tons de laranja e rosa.
  • Champanhe (#F7E6CA) é mais claro e neutro, mantendo o calor do laranja claro enquanto se inclina para uma elegância mais sutil.

Para complementar os tons delicados do laranja claro, considere combiná-lo com:

  • Cinza frio (#CBCBCB) fornece um fundo moderno e neutro que permite que a sutileza do laranja claro brilhe, oferecendo um visual sofisticado e equilibrado.
  • Verde-azulado (#069494) introduz uma cor rica e contrastante que complementa lindamente o laranja claro com profundidade e vivacidade, enriquecendo a paleta com um toque de elegância.
  • Lavanda (#E6E6FA) adiciona um contraste suave e encantador, combinando docemente com o laranja claro para um clima suave e romântico.
  • Verde oliva (#636B2F) oferece um contraste terroso e natural, equilibrando a leveza do laranja com seus tons verdes profundos e sutis para uma sensação orgânica e equilibrada.
  • Azul marinho (#000080) fornece um contraste clássico e profundo que eleva o brilho do laranja claro, criando uma combinação ousada, mas harmoniosa, ideal para vários ambientes.

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:

  • Verde Kelly (#4CBB17) pode ser muito vibrante, ofuscando a sutileza do laranja claro e criando um efeito visualmente chocante.
  • Azul (#0000FF), com sua intensidade, pode desviar da suave calor do laranja claro, levando a um contraste marcante e desarmonioso.
  • Rosa neon (#FF00FF) oferece um contraste ousado e vívido que pode sobrecarregar o tom suave do laranja claro, resultando em uma paleta que pode parecer muito animada ou discordante.
  • Roxo escuro (#800080), embora rico e régio, pode competir demais com o laranja claro, ofuscando sua suavidade e calor.
  • Vermelho brilhante (#FF0000) é uma cor complementar em teoria, mas sua ousadia pode entrar em conflito com a elegância suave do laranja claro, criando uma combinação potencialmente avassaladora.

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.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

Elegância Neutra

Horizonte de Pêssego

Rubor Sutil

Verificador de contraste

Contraste 1,3

Texto grande

#FFDBBB

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #FFDBBB sobre fundo #FFFFFF.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Contraste 16,1

Texto grande

#FFDBBB

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #FFDBBB sobre fundo #000000.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Simulações de cor

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.

VALUECSS
HEX#ffdbbb#ffdbbb
RGB DECIMAL255, 219, 187RGB(255,219,187)
RGB PERCENTAGE100.0, 85.9, 73.3RGB(100.0%,85.9%,73.3%)
CMYK0, 14, 27, 0
HSLHSL(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
BINARY11111111, 11011011, 10111011
iOS - SwiftUIColor(red: 1.000, green: 0.859, blue: 0.733)
iOS - UIKitUIColor(red: 1.000, green: 0.859, blue: 0.733, alpha: 1)
Android - ComposeColor(0xFFFFDBBB)
Obter paleta de cores