#9A7488
Un color.
Un punto de partida.
Infinitas direcciones.
Este color sRGB opaco tiene 21,14% de luminancia relativa. Explora sus relaciones medibles y úsalo en tu diseño.
Conoce tu color.
Los números que lo definen.
#9A7488- RGB · 8 bits
- 154 / 116 / 136
- HSL · grados / % / %
- 328,4 / 15,8 / 52,9
- HSV · grados / % / %
- 328,4 / 24,7 / 60,4
- OKLCH · L / C / grados
- 0,6027 / 0,0551 / 346,0
- CIELAB · punto blanco D50
- 53,17 / 17,84 / -4,87
- Luminancia relativa
- 0,21138
- Contraste con blanco
- 4,02:1
- Contraste con negro
- 5,23:1
- CMYK · aproximación sin perfil
- 0% / 25% / 12% / 40%
El matiz neutro no está definido. CMYK es una aproximación matemática sin perfil de impresión y no predice una coincidencia impresa. Los ratios de contraste no establecen por sí solos conformidad WCAG completa.
De un valor a un mundo visual.
Relaciones de color.
Una escala tonal medida.
Mezclado con blanco o negro en OKLab y convertido a sRGB opaco. Los porcentajes son pesos de mezcla, no cambios medidos de brillo.
Tonos hacia el gris neutro.
Mezclado con gris sRGB neutro #808080 en OKLab y convertido a sRGB opaco. Los porcentajes son pesos de gris en la mezcla, no reducciones de saturación medidas. Copia un HEX o sigue su etiqueta al pasaporte exacto.
Lee el contraste.
Texto negro · 5,23:1
El veloz zorro marrón salta sobre el perro perezoso.
- AA normal (4.5:1): Cumple
- AAA normal (7:1): No cumple
- AA grande (3:1): Cumple
Texto blanco · 4,02:1
El veloz zorro marrón salta sobre el perro perezoso.
- AA normal (4.5:1): No cumple
- AAA normal (7:1): No cumple
- AA grande (3:1): Cumple
Texto grande: 24 px CSS regular o 18.67 en negrita. La evaluación usa ratios WCAG sin redondear. Estos ejemplos prueban colores opacos, sin establecer accesibilidad completa.
CSS listo para usar.
.color-sample {
background-color: #9a7488;
color: #000000;
}
:root {
--color-hex: #9a7488;
--color-rgb: rgb(154 116 136);
--color-hsl: hsl(328.42 15.83% 52.94%);
}Se elige texto negro o blanco según el mayor contraste. HSL se redondea para mostrarlo; HEX conserva los canales exactos de 8 bits.
Compara colores cercanos.
Entradas más cercanas por distancia euclídea OKLab × 100. Cada color cercano conserva su identidad y su página canónica.