Ruby Signet Farbpalette

Ruby Signet ist eine Palette aus 5 Farben, die auf Violetttöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#280232, sehr dunkel) bis 96 % (#FBEAFF, sehr hell), und die gesättigtste Farbe, #9F63AF, ist mäßig gesättigt. Ihre Farben haben zu wenig Chroma, um warm oder kühl zu wirken. 3 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit luxus, kräftig, monochrom, farbverlauf, violett und farbenblind-freundlich.

LuxusKräftigMonochromFarbverlaufViolettFarbenblind-freundlich

Farbcodes

FarbeHEXRGBHSLOKLCH
Rich Black #280232 rgb(40, 2, 50) hsl(288, 92%, 10%) oklch(20.6% 0.094 318.2)
Purple #632A72 rgb(99, 42, 114) hsl(288, 46%, 31%) oklch(39.7% 0.129 318.8)
Lavender Gray #9F63AF rgb(159, 99, 175) hsl(287, 32%, 54%) oklch(59.4% 0.13 319)
Cherry Blossom Pink #D797E6 rgb(215, 151, 230) hsl(289, 61%, 75%) oklch(76.5% 0.129 319.8)
Anti-Flash White #FBEAFF rgb(251, 234, 255) hsl(289, 100%, 96%) oklch(95.7% 0.033 319.8)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Ruby Signet, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#FBEAFF auf #280232 16.00:1 AAA Lc -96.3
#FBEAFF auf #632A72 8.70:1 AAA Lc -86.5
#280232 auf #D797E6 8.26:1 AAA Lc 58.7

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.

  • Protanopie

  • Deuteranopie

  • Tritanopie

  • Achromatopsie

Im Code verwenden

Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/280232-632a72-9f63af-d797e6-fbeaff.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Im Generator öffnen Farbsystem erstellen Visualisieren

Farbverläufe aus diesen Farben