Dark Slate Blue #483D8B
Dark Slate Blue es un morado oscuro y moderadamente saturado, con código hex #483D8B y RGB rgb(72, 61, 139).
Aa
El texto blanco es el que mejor se lee sobre este color (9.06:1).
Sobre este color
#483D8B es un morado oscuro y moderadamente saturado. En OKLCH, su luminosidad es 41%, su croma 0.125 y su matiz 286°. Su matiz está del lado frío de la rueda cromática. Es el color con nombre Dark Slate Blue. El texto blanco es el que mejor se lee sobre este color, con 9.06:1.
| Familia de matiz | Morados |
| Luminosidad | oscuro (41%) |
| Croma | moderadamente saturado (0.125) |
| Temperatura | frío |
| Nombre más cercano | Dark Slate Blue |
| Texto negro | 2.31:1 |
| Texto blanco | 9.06:1 |
Colores que combinan con Dark Slate Blue
Combinaciones obtenidas al rotar Dark Slate Blue 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 Dark Slate Blue
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Dark Slate Blue, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Dark Slate Blue, con su distancia ΔE.
- Blueberry #464196 ΔE 0.020
- Cobalt #1E488F ΔE 0.056
- Twilight #4E518B ΔE 0.056
- Rebecca Purple #663399 ΔE 0.061
- Dusk Blue #26538D ΔE 0.068
- Dusk #4E5481 ΔE 0.071
- Light Navy #155084 ΔE 0.074
- Twilight Blue #0A437A ΔE 0.076
Más sobre Dark Slate Blue
Cómo hacer Dark Slate Blue
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.
- 4 partes de morado
- 3 partes de azul
- 1 parte de verde
Resultado de la receta: #413C8C, una diferencia de ΔE 0.013 respecto a Dark Slate Blue. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Dark Slate Blue en todos los formatos
| HEX | #483D8B |
| RGB | rgb(72, 61, 139) |
| HSL | hsl(248, 39%, 39%) |
| OKLCH | oklch(41.4% 0.125 286) |
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 #483D8B | 9.06:1 | AAA | Lc -95.0 | Ideal para texto de cuerpo |
| Texto negro sobre #483D8B | 2.31:1 | No cumple | Lc 13.4 | No legible |
| Texto #483D8B sobre blanco | 9.06:1 | AAA | Lc 90.6 | Ideal para texto de cuerpo |
| Texto #483D8B sobre negro | 2.31:1 | No cumple | Lc -11.7 | No legible |
Tonos y tintes de Dark Slate Blue
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 800.
-
Paso 50
50
#F5F5FC
oklch(97.2% 0.009 286.2)
-
Paso 100
100
#E8E8F8
oklch(93.6% 0.022 286)
-
Paso 200
200
#D6D6F3
oklch(88.5% 0.04 285.6)
-
Paso 300
300
#BCBAEE
oklch(80.8% 0.073 286.4)
-
Paso 400
400
#9B95E6
oklch(70.7% 0.117 286.4)
-
Paso 500
500
#8379DE
oklch(63.1% 0.148 285.8)
-
Paso 600
600
#6E5FCC
oklch(55.5% 0.163 286.1)
-
Paso 700
700
#5C4EB1
oklch(49.1% 0.152 285.8)
-
Paso 800
800 (este color)
#483D8B
oklch(41.4% 0.125 286)
-
Paso 900
900
#3E3872
oklch(37.8% 0.096 285.5)
-
Paso 950
950
#242143
oklch(27% 0.062 285.5)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Dark Slate Blue 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) | #124B8E | 0.066 |
| Deuteranopía (sin conos verdes) | #104689 | 0.065 |
| Tritanopía (sin conos azules) | #324E5E | 0.104 |
| Acromatopsia (sin color) | #494949 | 0.125 |
Usa Dark Slate Blue 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.