Champagne and Peony Farbpalette

Champagne and Peony ist eine Palette aus 5 Farben, die auf Rottöne und Rosatöne aufbaut. In OKLCH reicht die Helligkeit von 24 % (#2E181E, sehr dunkel) bis 93 % (#FDDEE8, sehr hell), und die gesättigtste Farbe, #9B6E7B, ist gedämpft. 5 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit hochzeit, monochrom, farbverlauf, rot, gedämpft und farbenblind-freundlich.

HochzeitMonochromFarbverlaufRotGedämpftFarbenblind-freundlich

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #2E181E rgb(46, 24, 30) hsl(344, 31%, 14%) oklch(24.1% 0.036 2.5)
Dim Gray #63414B rgb(99, 65, 75) hsl(342, 21%, 32%) oklch(41.7% 0.049 0.3)
English Lavender #9B6E7B rgb(155, 110, 123) hsl(343, 18%, 52%) oklch(58.8% 0.06 0.1)
French Gray #CCA6B1 rgb(204, 166, 177) hsl(343, 27%, 73%) oklch(76.2% 0.047 359)
Apricot #FDDEE8 rgb(253, 222, 232) hsl(341, 89%, 93%) oklch(92.9% 0.037 356.4)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#FDDEE8 auf #2E181E 13.27:1 AAA Lc -89.5
#2E181E auf #CCA6B1 7.63:1 AAA Lc 58.6
#FDDEE8 auf #63414B 7.03:1 AAA Lc -78.1

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/2e181e-63414b-9b6e7b-cca6b1-fddee8.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