Midnight Purple #280137
Midnight Purple é um roxo muito escuro e moderadamente saturado, com código hex #280137 e RGB rgb(40, 1, 55).
Aa
O texto branco é o que melhor se lê sobre esta cor (18.26:1).
Sobre esta cor
#280137 é um roxo muito escuro e moderadamente saturado. Em OKLCH, a luminosidade é 21%, o croma 0.101 e o matiz 314°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Midnight Purple. O texto branco é o que melhor se lê sobre esta cor, com 18.26:1.
| Família de matiz | Roxos |
| Luminosidade | muito escuro (21%) |
| Croma | moderadamente saturado (0.101) |
| Temperatura | intermediário |
| Nome mais próximo | Midnight Purple |
| Texto preto | 1.14:1 |
| Texto branco | 18.26:1 |
Cores que combinam com Midnight Purple
Combinações obtidas ao girar Midnight Purple 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 Midnight Purple
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Midnight Purple, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Midnight Purple, com a distância ΔE.
- Very Dark Purple #2A0134 ΔE 0.008
- Deep Purple #36013F ΔE 0.037
- Dark Purple #35063E ΔE 0.038
- Eggplant #380835 ΔE 0.047
- Aubergine #3D0734 ΔE 0.058
- Dark Indigo #1F0954 ΔE 0.065
- Dark Plum #3F012C ΔE 0.065
- Eggplant Purple #430541 ΔE 0.071
Mais sobre Midnight Purple
Como fazer Midnight Purple
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.
- 1 parte de preto
Resultado da receita: #141414, uma diferença de ΔE 0.102 em relação a Midnight Purple. Midnight Purple é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta roxo pronta e ajuste.
Códigos de Midnight Purple em todos os formatos
| HEX | #280137 |
| RGB | rgb(40, 1, 55) |
| HSL | hsl(283, 96%, 11%) |
| OKLCH | oklch(20.9% 0.101 314.2) |
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 #280137 | 18.26:1 | AAA | Lc -106.5 | Ideal para texto de corpo |
| Texto preto sobre #280137 | 1.14:1 | Não atende | Lc 0.0 | Não legível |
| Texto #280137 sobre branco | 18.26:1 | AAA | Lc 104.2 | Ideal para texto de corpo |
| Texto #280137 sobre preto | 1.14:1 | Não atende | Lc 0.0 | Não legível |
Tons claros e escuros de Midnight Purple
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 950.
-
Passo 50
50
#F9F2FD
oklch(97% 0.016 313.6)
-
Passo 100
100
#F3E3FA
oklch(93.5% 0.035 315.7)
-
Passo 200
200
#E9CDF8
oklch(88.5% 0.065 313.9)
-
Passo 300
300
#DDA9F6
oklch(80.9% 0.119 314.5)
-
Passo 400
400
#CB76F2
oklch(70.7% 0.191 314.2)
-
Passo 500
500
#BD48ED
oklch(63.1% 0.245 314.2)
-
Passo 600
600
#A915DB
oklch(55.6% 0.265 314.3)
-
Passo 700
700
#9000BD
oklch(49.1% 0.243 314.1)
-
Passo 800
800
#750B9A
oklch(42.7% 0.204 313.9)
-
Passo 900
900
#5F197A
oklch(37.7% 0.158 314.4)
-
Passo 950
950 (esta cor)
#280137
oklch(20.9% 0.101 314.2)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Midnight Purple 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) | #001338 | 0.086 |
| Deuteranopia (sem cones verdes) | #001636 | 0.087 |
| Tritanopia (sem cones azuis) | #260E1C | 0.066 |
| Acromatopsia (sem cor) | #151515 | 0.102 |
Use Midnight Purple 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.