Regal and Velvet Farbpalette

Regal and Velvet ist eine Palette aus 5 Farben, die auf Brauntöne, Rottöne und Rosatöne aufbaut. In OKLCH reicht die Helligkeit von 24 % (#291D00, sehr dunkel) bis 92 % (#FFDBD8, sehr hell), und die gesättigtste Farbe, #86381C, ist mäßig gesättigt. 5 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit luxus, dunkel, farbverlauf, braun und warm.

LuxusDunkelFarbverlaufBraunWarm

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #291D00 rgb(41, 29, 0) hsl(42, 100%, 8%) oklch(23.9% 0.049 86.7)
Pakistan Green #442800 rgb(68, 40, 0) hsl(35, 100%, 13%) oklch(30.5% 0.066 69.7)
Maroon #643100 rgb(100, 49, 0) hsl(29, 100%, 20%) oklch(37.3% 0.092 55.9)
Auburn #86381C rgb(134, 56, 28) hsl(16, 65%, 32%) oklch(44.3% 0.115 39.4)
Apricot #FFDBD8 rgb(255, 219, 216) hsl(5, 100%, 92%) oklch(92.1% 0.04 23.6)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#FFDBD8 auf #291D00 12.89:1 AAA Lc -87.8
#FFDBD8 auf #442800 10.57:1 AAA Lc -84.9
#FFDBD8 auf #643100 8.27:1 AAA Lc -80.1

Farbsehen

3 Farbpaare kommen in mindestens einer Simulation auf ΔE 0.06 aneinander heran.

  • 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/291d00-442800-643100-86381c-ffdbd8.json.

Mach sie zu deiner

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

Farbverläufe aus diesen Farben