Deep Violet #490648
Deep Violet es un morado oscuro y moderadamente saturado, con código hex #490648 y RGB rgb(73, 6, 72).
Aa
El texto blanco es el que mejor se lee sobre este color (14.96:1).
Sobre este color
#490648 es un morado oscuro y moderadamente saturado. En OKLCH, su luminosidad es 29%, su croma 0.123 y su matiz 329°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Deep Violet. El texto blanco es el que mejor se lee sobre este color, con 14.96:1.
| Familia de matiz | Morados |
| Luminosidad | oscuro (29%) |
| Croma | moderadamente saturado (0.123) |
| Temperatura | intermedio |
| Nombre más cercano | Deep Violet |
| Texto negro | 1.40:1 |
| Texto blanco | 14.96:1 |
Colores que combinan con Deep Violet
Combinaciones obtenidas al rotar Deep Violet por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Deep Violet
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Deep Violet, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Deep Violet, con su distancia ΔE.
- Plum Purple #4E0550 ΔE 0.018
- Eggplant Purple #430541 ΔE 0.019
- Aubergine #3D0734 ΔE 0.045
- Dark Purple #35063E ΔE 0.050
- Deep Purple #36013F ΔE 0.050
- Eggplant #380835 ΔE 0.051
- Grape Purple #5D1451 ΔE 0.055
- Dark Plum #3F012C ΔE 0.056
Más sobre Deep Violet
Cómo hacer Deep Violet
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 3 partes de morado
- 1 parte de negro
Resultado de la receta: #402C44, una diferencia de ΔE 0.083 respecto a Deep Violet. Deep Violet es más intenso de lo que estas pinturas pueden mezclar, así que parte de una pintura morado ya preparada y ajústala.
Códigos de Deep Violet en todos los formatos
| HEX | #490648 |
| RGB | rgb(73, 6, 72) |
| HSL | hsl(301, 85%, 15%) |
| OKLCH | oklch(28.9% 0.123 328.9) |
Contraste
Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.
| Combinación | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #490648 | 14.96:1 | AAA | Lc -103.8 | Ideal para texto de cuerpo |
| Texto negro sobre #490648 | 1.40:1 | No cumple | Lc 0.0 | No legible |
| Texto #490648 sobre blanco | 14.96:1 | AAA | Lc 100.8 | Ideal para texto de cuerpo |
| Texto #490648 sobre negro | 1.40:1 | No cumple | Lc 0.0 | No legible |
Tonos y tintes de Deep Violet
Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 950.
-
Paso 50
50
#FDF1FC
oklch(97.1% 0.019 328.3)
-
Paso 100
100
#FBE0F8
oklch(93.6% 0.043 329.5)
-
Paso 200
200
#F8C7F4
oklch(88.6% 0.081 328.9)
-
Paso 300
300
#F49DEF
oklch(80.9% 0.146 328.8)
-
Paso 400
400
#EB5CE6
oklch(70.7% 0.234 329.1)
-
Paso 500
500
#DE00DC
oklch(63.1% 0.289 328.9)
-
Paso 600
600
#BC00BA
oklch(55.7% 0.255 328.9)
-
Paso 700
700
#9F009D
oklch(49.2% 0.225 329)
-
Paso 800
800
#830082
oklch(42.7% 0.196 328.8)
-
Paso 900
900
#6E006D
oklch(37.7% 0.173 328.8)
-
Paso 950
950 (este color)
#490648
oklch(28.9% 0.123 328.9)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Deep Violet con daltonismo
Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.
| Visión | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #00214A | 0.133 |
| Deuteranopía (sin conos verdes) | #1B2A46 | 0.114 |
| Tritanopía (sin conos azules) | #4C1228 | 0.068 |
| Acromatopsia (sin color) | #272727 | 0.124 |
Usa Deep Violet en tu producto
Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.