Pale Violet Red #DB7093
Pale Violet Red es un rojo medio-claro y moderadamente saturado, con código hex #DB7093 y RGB rgb(219, 112, 147).
Aa
El texto negro es el que mejor se lee sobre este color (6.75:1).
Sobre este color
#DB7093 es un rojo medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 68%, su croma 0.138 y su matiz 1°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Pale Violet Red. El texto negro es el que mejor se lee sobre este color, con 6.75:1.
| Familia de matiz | Rojos |
| Luminosidad | medio-claro (68%) |
| Croma | moderadamente saturado (0.138) |
| Temperatura | cálido |
| Nombre más cercano | Pale Violet Red |
| Texto negro | 6.75:1 |
| Texto blanco | 3.11:1 |
Colores que combinan con Pale Violet Red
Combinaciones obtenidas al rotar Pale Violet Red 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 Pale Violet Red
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Pale Violet Red, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Pale Violet Red, con su distancia ΔE.
- Muted Pink #D1768F ΔE 0.023
- Dusky Pink #CC7A8B ΔE 0.037
- Old Pink #C77986 ΔE 0.046
- Rosy Pink #F6688E ΔE 0.048
- Dull Pink #D5869D ΔE 0.048
- Medium Pink #F36196 ΔE 0.049
- Pale Magenta #D767AD ΔE 0.050
- Old Rose #C87F89 ΔE 0.051
Más sobre Pale Violet Red
Cómo hacer Pale Violet Red
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 rosa
- 1 parte de rojo
- 1 parte de morado
Resultado de la receta: #DA779D, una diferencia de ΔE 0.018 respecto a Pale Violet Red. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Pale Violet Red en todos los formatos
| HEX | #DB7093 |
| RGB | rgb(219, 112, 147) |
| HSL | hsl(340, 60%, 65%) |
| OKLCH | oklch(67.8% 0.138 0.7) |
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 #DB7093 | 3.11:1 | AA texto grande | Lc -63.1 | Texto de contenido, no para lecturas largas |
| Texto negro sobre #DB7093 | 6.75:1 | AA | Lc 46.4 | Texto grande o en negrita, títulos |
| Texto #DB7093 sobre blanco | 3.11:1 | AA texto grande | Lc 57.7 | Texto grande o en negrita, títulos |
| Texto #DB7093 sobre negro | 6.75:1 | AA | Lc -44.1 | Elementos que no son texto, texto de marcador de posición |
Tonos y tintes de Pale Violet Red
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 400.
-
Paso 50
50
#FDF2F5
oklch(97.1% 0.012 358.8)
-
Paso 100
100
#F9E3E9
oklch(93.5% 0.025 359.2)
-
Paso 200
200
#F5CDD7
oklch(88.5% 0.047 1.3)
-
Paso 300
300
#F0AABD
oklch(81% 0.085 1.4)
-
Paso 400
400 (este color)
#DB7093
oklch(67.8% 0.138 0.7)
-
Paso 500
500
#DA5184
oklch(63.1% 0.177 0.5)
-
Paso 600
600
#C52E6D
oklch(55.6% 0.192 0.7)
-
Paso 700
700
#AA1E5B
oklch(49.1% 0.179 0.8)
-
Paso 800
800
#8A1D4B
oklch(42.7% 0.148 0.5)
-
Paso 900
900
#6F203E
oklch(37.7% 0.114 1)
-
Paso 950
950
#411424
oklch(26.9% 0.072 1.1)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Pale Violet Red 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) | #818694 | 0.151 |
| Deuteranopía (sin conos verdes) | #9C9A91 | 0.140 |
| Tritanopía (sin conos azules) | #EA687D | 0.039 |
| Acromatopsia (sin color) | #929292 | 0.139 |
Usa Pale Violet Red 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.