Light Plum #9D5783
Light Plum é um rosa médio-escuro e moderadamente saturado, com código hex #9D5783 e RGB rgb(157, 87, 131).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.09:1).
Sobre esta cor
#9D5783 é um rosa médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 55%, o croma 0.108 e o matiz 343°. O matiz fica do lado quente do círculo cromático. É a cor com nome Light Plum. O texto branco é o que melhor se lê sobre esta cor, com 5.09:1.
| Família de matiz | Rosas |
| Luminosidade | médio-escuro (55%) |
| Croma | moderadamente saturado (0.108) |
| Temperatura | quente |
| Nome mais próximo | Light Plum |
| Texto preto | 4.12:1 |
| Texto branco | 5.09:1 |
Cores que combinam com Light Plum
Combinações obtidas ao girar Light Plum pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Light Plum
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Light Plum, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Light Plum, com a distância ΔE.
- Dusky Purple #895B7B ΔE 0.040
- Dull Purple #84597E ΔE 0.046
- Dusty Purple #825F87 ΔE 0.050
- Muted Purple #805B87 ΔE 0.052
- Dark Lavender #856798 ΔE 0.058
- Faded Purple #916E99 ΔE 0.060
- Light Eggplant #894585 ΔE 0.063
- Dark Lilac #9C6DA5 ΔE 0.065
Mais sobre Light Plum
Como fazer Light Plum
Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.
- 2 partes de roxo
- 2 partes de rosa
- 1 parte de marrom
Resultado da receita: #9E5B80, uma diferença de ΔE 0.013 em relação a Light Plum. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Light Plum em todos os formatos
| HEX | #9D5783 |
| RGB | rgb(157, 87, 131) |
| HSL | hsl(322, 29%, 48%) |
| OKLCH | oklch(55.3% 0.108 342.8) |
Contraste
As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.
| Combinação | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #9D5783 | 5.09:1 | AA | Lc -80.3 | Bom para texto de corpo |
| Texto preto sobre #9D5783 | 4.12:1 | AA texto grande | Lc 29.2 | Apenas divisores e decoração |
| Texto #9D5783 sobre branco | 5.09:1 | AA | Lc 74.9 | Texto de conteúdo, não para leitura longa |
| Texto #9D5783 sobre preto | 4.12:1 | AA texto grande | Lc -26.8 | Apenas divisores e decoração |
Tons claros e escuros de Light Plum
Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 600.
-
Passo 50
50
#F9F4F6
oklch(97.2% 0.006 350.8)
-
Passo 100
100
#F1E6EC
oklch(93.5% 0.014 343.2)
-
Passo 200
200
#E7D2DE
oklch(88.4% 0.028 342.3)
-
Passo 300
300
#D8B5C9
oklch(81% 0.048 342.9)
-
Passo 400
400
#C38DAE
oklch(70.6% 0.079 342.1)
-
Passo 500
500
#B37199
oklch(63.1% 0.098 343.2)
-
Passo 600
600 (esta cor)
#9D5783
oklch(55.3% 0.108 342.8)
-
Passo 700
700
#874870
oklch(49.1% 0.1 342.7)
-
Passo 800
800
#6E3B5B
oklch(42.7% 0.084 342.9)
-
Passo 900
900
#59334B
oklch(37.7% 0.065 342.2)
-
Passo 950
950
#341E2C
oklch(26.9% 0.041 341.6)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Light Plum com daltonismo
Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.
| Visão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #5B6785 | 0.113 |
| Deuteranopia (sem cones verdes) | #6D7281 | 0.103 |
| Tritanopia (sem cones azuis) | #A55767 | 0.046 |
| Acromatopsia (sem cor) | #6E6E6E | 0.109 |
Use Light Plum no seu produto
Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.