Medium Violet Red #C71585
Medium Violet Red é um vermelho médio-escuro e vívido, com código hex #C71585 e RGB rgb(199, 21, 133).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.42:1).
Sobre esta cor
#C71585 é um vermelho médio-escuro e vívido. Em OKLCH, a luminosidade é 55%, o croma 0.222 e o matiz 350°. O matiz fica do lado quente do círculo cromático. É a cor com nome Medium Violet Red. O texto branco é o que melhor se lê sobre esta cor, com 5.42:1.
| Família de matiz | Vermelhos |
| Luminosidade | médio-escuro (55%) |
| Croma | vívido (0.222) |
| Temperatura | quente |
| Nome mais próximo | Medium Violet Red |
| Texto preto | 3.87:1 |
| Texto branco | 5.42:1 |
Cores que combinam com Medium Violet Red
Combinações obtidas ao girar Medium Violet Red 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 Medium Violet Red
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Medium Violet Red, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Medium Violet Red, com a distância ΔE.
- Dark Hot Pink #D90166 ΔE 0.061
- Cerise #DE0C62 ΔE 0.074
- Dark Pink #CB416B ΔE 0.078
- Purpley Pink #C83CB9 ΔE 0.083
- Deep Rose #C74767 ΔE 0.090
- Lipstick #D5174E ΔE 0.092
- Ruby #CA0147 ΔE 0.092
- Red Violet #9E0168 ΔE 0.096
Mais sobre Medium Violet Red
Como fazer Medium Violet Red
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 vermelho
Resultado da receita: #A6528B, uma diferença de ΔE 0.093 em relação a Medium Violet Red. Medium Violet Red é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta rosa pronta e ajuste.
Códigos de Medium Violet Red em todos os formatos
| HEX | #C71585 |
| RGB | rgb(199, 21, 133) |
| HSL | hsl(322, 81%, 43%) |
| OKLCH | oklch(55.3% 0.222 349.7) |
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 #C71585 | 5.42:1 | AA | Lc -80.4 | Bom para texto de corpo |
| Texto preto sobre #C71585 | 3.87:1 | AA texto grande | Lc 29.1 | Apenas divisores e decoração |
| Texto #C71585 sobre branco | 5.42:1 | AA | Lc 75.0 | Bom para texto de corpo |
| Texto #C71585 sobre preto | 3.87:1 | AA texto grande | Lc -26.7 | Apenas divisores e decoração |
Tons claros e escuros de Medium Violet Red
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
#FDF2F7
oklch(97.1% 0.013 347.9)
-
Passo 100
100
#FAE2ED
oklch(93.5% 0.03 348.2)
-
Passo 200
200
#F7CBDE
oklch(88.5% 0.055 350.5)
-
Passo 300
300
#F2A6CA
oklch(80.9% 0.1 349.6)
-
Passo 400
400
#E872AF
oklch(70.7% 0.161 349.7)
-
Passo 500
500
#DD469B
oklch(63.2% 0.203 349.8)
-
Passo 600
600 (esta cor)
#C71585
oklch(55.3% 0.222 349.7)
-
Passo 700
700
#AC0071
oklch(49.1% 0.205 349.8)
-
Passo 800
800
#8C0C5C
oklch(42.7% 0.17 349.9)
-
Passo 900
900
#71184C
oklch(37.8% 0.133 349.7)
-
Passo 950
950
#42102C
oklch(26.9% 0.084 349.7)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Medium Violet Red 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) | #3D5787 | 0.253 |
| Deuteranopia (sem cones verdes) | #707481 | 0.218 |
| Tritanopia (sem cones azuis) | #D6004F | 0.088 |
| Acromatopsia (sem cor) | #6A6A6A | 0.224 |
Use Medium Violet Red 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.