Dark Hot Pink #D90166
Dark Hot Pink é um vermelho médio-escuro e vívido, com código hex #D90166 e RGB rgb(217, 1, 102).
Aa
O texto branco é o que melhor se lê sobre esta cor (5.06:1).
Sobre esta cor
#D90166 é um vermelho médio-escuro e vívido. Em OKLCH, a luminosidade é 57%, o croma 0.229 e o matiz 5°. O matiz fica do lado quente do círculo cromático. É a cor com nome Dark Hot Pink. O texto branco é o que melhor se lê sobre esta cor, com 5.06:1.
| Família de matiz | Vermelhos |
| Luminosidade | médio-escuro (57%) |
| Croma | vívido (0.229) |
| Temperatura | quente |
| Nome mais próximo | Dark Hot Pink |
| Texto preto | 4.14:1 |
| Texto branco | 5.06:1 |
Cores que combinam com Dark Hot Pink
Combinações obtidas ao girar Dark Hot Pink 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 Dark Hot Pink
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark Hot Pink, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark Hot Pink, com a distância ΔE.
- Cerise #DE0C62 ΔE 0.015
- Lipstick #D5174E ΔE 0.038
- Ruby #CA0147 ΔE 0.052
- Dark Pink #CB416B ΔE 0.054
- Crimson #DC143C ΔE 0.061
- Medium Violet Red #C71585 ΔE 0.061
- Deep Rose #C74767 ΔE 0.067
- Cherry #CF0234 ΔE 0.069
Mais sobre Dark Hot Pink
Como fazer Dark Hot Pink
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 vermelho
Resultado da receita: #D7262E, uma diferença de ΔE 0.081 em relação a Dark Hot Pink. Dark Hot Pink é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta rosa pronta e ajuste.
Códigos de Dark Hot Pink em todos os formatos
| HEX | #D90166 |
| RGB | rgb(217, 1, 102) |
| HSL | hsl(332, 99%, 43%) |
| OKLCH | oklch(57% 0.229 4.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 #D90166 | 5.06:1 | AA | Lc -77.7 | Bom para texto de corpo |
| Texto preto sobre #D90166 | 4.14:1 | AA texto grande | Lc 31.8 | Elementos que não são texto, texto de placeholder |
| Texto #D90166 sobre branco | 5.06:1 | AA | Lc 72.3 | Texto de conteúdo, não para leitura longa |
| Texto #D90166 sobre preto | 4.14:1 | AA texto grande | Lc -29.4 | Apenas divisores e decoração |
Tons claros e escuros de Dark Hot Pink
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
#FEF2F4
oklch(97.1% 0.013 5.8)
-
Passo 100
100
#FDE2E7
oklch(93.6% 0.03 5)
-
Passo 200
200
#FBCAD4
oklch(88.4% 0.057 4.6)
-
Passo 300
300
#F9A4B8
oklch(80.8% 0.103 4.3)
-
Passo 400
400
#F26F93
oklch(70.8% 0.164 5)
-
Passo 500
500
#E93D79
oklch(63.1% 0.211 4.7)
-
Passo 600
600 (esta cor)
#D90166
oklch(57% 0.229 4.7)
-
Passo 700
700
#B20052
oklch(49.1% 0.197 4.8)
-
Passo 800
800
#930043
oklch(42.7% 0.172 4.5)
-
Passo 900
900
#771138
oklch(37.6% 0.137 4.7)
-
Passo 950
950
#460E21
oklch(27% 0.086 4.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark Hot Pink 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) | #4F5668 | 0.261 |
| Deuteranopia (sem cones verdes) | #827C61 | 0.234 |
| Tritanopia (sem cones azuis) | #ED003B | 0.073 |
| Acromatopsia (sem cor) | #6E6E6E | 0.231 |
Use Dark Hot Pink 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.