What the Air of Pearlescent Breathing: UI Design: States, Components & Interaction
What the Air of Pearlescent Breathing — a 29%-saturated Purple at 70% lightness (RGB (181-156-201)) — how this shade behaves across interactive states and UI components.
What the Air of Pearlescent Breathing
#B59CC9 · RGB (181-156-201) · HSL(273°,29%,70%)
Accessibility: Best text on RGB (181-156-201) is black (ratio 8.56:1 — WCAG AAA ✅). Check your own contrast →
Color in UI State Systems
Every UI color must work across multiple states: default, hover, active, focused, disabled, error, success. Planning a systematic set of variations from the base color is essential. A primary action color needs at minimum: hover (+10% lightness), pressed (-10%), disabled (heavily desaturated and lightened), and a focus ring variant.
Applying What the Air of Pearlescent Breathing in Ui
Building a UI state system from RGB (181-156-201):
- Default: RGB (181-156-201) at full value
- Hover: lightness +8–12%
- Active/pressed: lightness -8–12%
- Disabled: saturation ~20%, lightness ~70%
- Focus ring: complementary hue at full saturation, minimum 3:1 contrast
Similar Colors
Design neighbors:
More Purple:
Full Data for What the Air of Pearlescent Breathing
13 formats + harmonies: What the Air of Pearlescent Breathing →
What the Air of Pearlescent Breathing (RGB (181-156-201)): UI-Design: Zustände, Komponenten & Interaktion
What the Air of Pearlescent Breathing — ein 29%-gesättigter Purple-Ton bei 70% Helligkeit (RGB (181-156-201)) — behandelt wie sich dieser Farbton über interaktive Zustände und UI-Komponenten verhält.
What the Air of Pearlescent Breathing
#B59CC9 · RGB (181-156-201) · HSL(273°,29%,70%)
Barrierefreiheit: Bester Text auf RGB (181-156-201) ist Schwarz (ratio 8.56:1 — WCAG AAA ✅). Eigenen Kontrast prüfen →
Farbe in UI-Zustandssystemen
Jede UI-Farbe muss über mehrere Zustände funktionieren: Standard, Hover, Aktiv, Fokussiert, Deaktiviert, Fehler, Erfolg. Ein systematischer Satz von Variationen aus der Basisfarbe ist essenziell. Eine primäre Aktionsfarbe braucht mindestens: Hover (+10% Helligkeit), gedrückt (-10%), deaktiviert (stark entsättigt und aufgehellt) und eine Fokusring-Variante.
Praktische Anwendung
Ein UI-Zustandssystem aus RGB (181-156-201) aufbauen:
- Standard: RGB (181-156-201) bei vollem Wert
- Hover: Helligkeit +8–12%
- Aktiv/gedrückt: Helligkeit -8–12%
- Deaktiviert: Sättigung ~20%, Helligkeit ~70%
- Fokusring: Komplementärfarbton bei voller Sättigung, mindestens 3:1 Kontrast
Ähnliche Farben
What the Air of Pearlescent Breathing
Alle Formate + Harmonien: What the Air of Pearlescent Breathing →
What the Air of Pearlescent Breathing (RGB (181-156-201)) : Design UI : états, composants & interaction
What the Air of Pearlescent Breathing — un Purple saturé à 29% et luminosité 70% (RGB (181-156-201)) — traite comment cette nuance se comporte à travers les états interactifs et les composants UI.
What the Air of Pearlescent Breathing
#B59CC9 · RGB (181-156-201) · HSL(273°,29%,70%)
Accessibilité : Meilleur texte sur RGB (181-156-201) : Noir (ratio 8.56:1 — WCAG AAA ✅). Vérifier votre propre contraste →
La couleur dans les systèmes d'états UI
Chaque couleur UI doit fonctionner à travers plusieurs états : défaut, survol, actif, focus, désactivé, erreur, succès. Planifier un ensemble systématique de variations à partir de la couleur de base est essentiel. Une couleur d'action primaire nécessite au minimum : survol (+10% de luminosité), pressé (-10%), désactivé (fortement désaturé et éclairci) et une variante d'anneau de focus.
Application pratique
Construire un système d'états UI à partir de RGB (181-156-201) :
- Défaut : RGB (181-156-201) à pleine valeur
- Survol : luminosité +8–12%
- Actif/pressé : luminosité -8–12%
- Désactivé : saturation ~20%, luminosité ~70%
- Anneau de focus : teinte complémentaire à pleine saturation, contraste minimum 3:1
Couleurs similaires
What the Air of Pearlescent Breathing
Tous les formats + harmonies : What the Air of Pearlescent Breathing →
What the Air of Pearlescent Breathing (RGB (181-156-201)): Diseño de UI: estados, componentes & interacción
What the Air of Pearlescent Breathing — un Purple saturado al 29% y luminosidad 70% (RGB (181-156-201)) — trata cómo se comporta este matiz a través de los estados interactivos y los componentes de UI.
What the Air of Pearlescent Breathing
#B59CC9 · RGB (181-156-201) · HSL(273°,29%,70%)
Accesibilidad: Mejor texto sobre RGB (181-156-201): Negro (ratio 8.56:1 — WCAG AAA ✅). Comprobar tu propio contraste →
El color en los sistemas de estados de UI
Cada color de UI debe funcionar a través de múltiples estados: predeterminado, hover, activo, enfocado, deshabilitado, error, éxito. Planificar un conjunto sistemático de variaciones a partir del color base es esencial. Un color de acción primaria necesita como mínimo: hover (+10% de luminosidad), presionado (-10%), deshabilitado (muy desaturado y aclarado) y una variante de anillo de foco.
Aplicación práctica
Construir un sistema de estados de UI a partir de RGB (181-156-201):
- Predeterminado: RGB (181-156-201) a pleno valor
- Hover: luminosidad +8–12%
- Activo/presionado: luminosidad -8–12%
- Deshabilitado: saturación ~20%, luminosidad ~70%
- Anillo de foco: tono complementario a plena saturación, contraste mínimo 3:1
Colores similares
What the Air of Pearlescent Breathing
Todos los formatos + armonías: What the Air of Pearlescent Breathing →
What the Air of Pearlescent Breathing (RGB (181-156-201)): Design UI: stati, componenti & interazione
What the Air of Pearlescent Breathing — un Purple saturo al 29% e luminosità 70% (RGB (181-156-201)) — tratta come questa sfumatura si comporta attraverso gli stati interattivi e i componenti UI.
What the Air of Pearlescent Breathing
#B59CC9 · RGB (181-156-201) · HSL(273°,29%,70%)
Accessibilità: Miglior testo su RGB (181-156-201): Nero (ratio 8.56:1 — WCAG AAA ✅). Controlla il tuo contrasto →
Il colore nei sistemi di stato UI
Ogni colore UI deve funzionare attraverso più stati: predefinito, hover, attivo, focus, disabilitato, errore, successo. Pianificare un insieme sistematico di variazioni dal colore base è essenziale. Un colore di azione primaria richiede almeno: hover (+10% di luminosità), premuto (-10%), disabilitato (fortemente desaturato e schiarito) e una variante dell'anello di focus.
Applicazione pratica
Costruire un sistema di stati UI da RGB (181-156-201):
- Predefinito: RGB (181-156-201) a pieno valore
- Hover: luminosità +8–12%
- Attivo/premuto: luminosità -8–12%
- Disabilitato: saturazione ~20%, luminosità ~70%
- Anello di focus: tonalità complementare a piena saturazione, contrasto minimo 3:1
Colori simili
What the Air of Pearlescent Breathing
Tutti i formati + armonie: What the Air of Pearlescent Breathing →
What the Air of Pearlescent Breathing (RGB (181-156-201)): Design de UI: estados, componentes & interação
What the Air of Pearlescent Breathing — um Purple com saturação 29% e luminosidade 70% (RGB (181-156-201)) — aborda como este tom se comporta através dos estados interativos e dos componentes de UI.
What the Air of Pearlescent Breathing
#B59CC9 · RGB (181-156-201) · HSL(273°,29%,70%)
Acessibilidade: Melhor texto sobre RGB (181-156-201): Preto (ratio 8.56:1 — WCAG AAA ✅). Verificar o seu próprio contraste →
A cor nos sistemas de estado de UI
Cada cor de UI deve funcionar através de múltiplos estados: padrão, hover, ativo, focado, desativado, erro, sucesso. Planear um conjunto sistemático de variações a partir da cor base é essencial. Uma cor de ação primária precisa no mínimo: hover (+10% de luminosidade), pressionado (-10%), desativado (muito dessaturado e clareado) e uma variante de anel de foco.
Aplicação prática
Construir um sistema de estados de UI a partir de RGB (181-156-201):
- Padrão: RGB (181-156-201) em valor pleno
- Hover: luminosidade +8–12%
- Ativo/pressionado: luminosidade -8–12%
- Desativado: saturação ~20%, luminosidade ~70%
- Anel de foco: matiz complementar em saturação plena, contraste mínimo 3:1
Cores semelhantes
What the Air of Pearlescent Breathing
Todos os formatos + harmonias: What the Air of Pearlescent Breathing →