Bluey Purple #6241C7
Bluey Purple es un morado medio-oscuro y vívido, con código hex #6241C7 y RGB rgb(98, 65, 199).
Aa
El texto blanco es el que mejor se lee sobre este color (6.77:1).
Sobre este color
#6241C7 es un morado medio-oscuro y vívido. En OKLCH, su luminosidad es 49%, su croma 0.197 y su matiz 288°. Su matiz está del lado frío de la rueda cromática. Es el color con nombre Bluey Purple. El texto blanco es el que mejor se lee sobre este color, con 6.77:1.
| Familia de matiz | Morados |
| Luminosidad | medio-oscuro (49%) |
| Croma | vívido (0.197) |
| Temperatura | frío |
| Nombre más cercano | Bluey Purple |
| Texto negro | 3.10:1 |
| Texto blanco | 6.77:1 |
Colores que combinan con Bluey Purple
Combinaciones obtenidas al rotar Bluey Purple 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 Bluey Purple
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Bluey Purple, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Bluey Purple, con su distancia ΔE.
- Blue With A Hint Of Purple #533CC6 ΔE 0.029
- Blurple #5539CC ΔE 0.030
- Burple #6832E3 ΔE 0.048
- Iris #6258C4 ΔE 0.051
- Purple Blue #5D21D0 ΔE 0.052
- Purpley Blue #5F34E7 ΔE 0.054
- Slate Blue #6A5ACD ΔE 0.058
- Light Indigo #6D5ACF ΔE 0.060
Más sobre Bluey Purple
Cómo hacer Bluey Purple
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.
- 2 partes de morado
- 1 parte de azul
- 1 parte de blanco
Resultado de la receta: #6D4FB4, una diferencia de ΔE 0.049 respecto a Bluey Purple. Es parecido; añade un poco más de una de las pinturas para igualarlo.
Códigos de Bluey Purple en todos los formatos
| HEX | #6241C7 |
| RGB | rgb(98, 65, 199) |
| HSL | hsl(255, 54%, 52%) |
| OKLCH | oklch(49.2% 0.197 288.3) |
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 #6241C7 | 6.77:1 | AA | Lc -87.8 | Bueno para texto de cuerpo |
| Texto negro sobre #6241C7 | 3.10:1 | AA texto grande | Lc 21.3 | Solo divisores y decoración |
| Texto #6241C7 sobre blanco | 6.77:1 | AA | Lc 82.7 | Bueno para texto de cuerpo |
| Texto #6241C7 sobre negro | 3.10:1 | AA texto grande | Lc -19.2 | Solo divisores y decoración |
Tonos y tintes de Bluey Purple
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 700.
-
Paso 50
50
#F5F4FE
oklch(97.1% 0.013 290.8)
-
Paso 100
100
#E8E7FC
oklch(93.5% 0.028 288)
-
Paso 200
200
#D7D4FB
oklch(88.5% 0.053 288.8)
-
Paso 300
300
#BDB7FB
oklch(80.9% 0.095 288.1)
-
Paso 400
400
#9E8FF9
oklch(70.8% 0.152 288.4)
-
Paso 500
500
#886EF6
oklch(63.1% 0.195 288.3)
-
Paso 600
600
#7451E5
oklch(55.6% 0.213 288.4)
-
Paso 700
700 (este color)
#6241C7
oklch(49.2% 0.197 288.3)
-
Paso 800
800
#4F37A1
oklch(42.8% 0.163 287.9)
-
Paso 900
900
#41317F
oklch(37.7% 0.126 288.2)
-
Paso 950
950
#261E4B
oklch(27.1% 0.08 288)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Bluey Purple 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) | #005ECB | 0.102 |
| Deuteranopía (sin conos verdes) | #0058C4 | 0.099 |
| Tritanopía (sin conos azules) | #3D637F | 0.160 |
| Acromatopsia (sin color) | #5B5B5B | 0.198 |
Usa Bluey Purple 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.