Primrose Breeze Farbpalette
Primrose Breeze ist eine Palette aus 4 Farben, die auf Grüntöne, Rosatöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 29 % (#13341D, dunkel) bis 94 % (#DFF1E2, sehr hell), und die gesättigtste Farbe, #C588B6, ist mäßig gesättigt. 1 ihrer 3 chromatischen Farben liegt auf der warmen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit frühling, grün, rosa und farbenblind-freundlich.
- Pakistan Green #13341D
- Dark Moss Green #38764A
- Cool Gray #C588B6
- Gainsboro #DFF1E2
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #13341D | rgb(19, 52, 29) | hsl(138, 46%, 14%) | oklch(29.3% 0.057 151.3) |
| Dark Moss Green | #38764A | rgb(56, 118, 74) | hsl(137, 36%, 34%) | oklch(51.2% 0.095 151.2) |
| Cool Gray | #C588B6 | rgb(197, 136, 182) | hsl(315, 34%, 65%) | oklch(70.2% 0.096 335.9) |
| Gainsboro | #DFF1E2 | rgb(223, 241, 226) | hsl(130, 39%, 91%) | oklch(94.1% 0.028 150.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Primrose Breeze, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #DFF1E2 auf #13341D | 11.60:1 | AAA | Lc -90.9 |
| #13341D auf #C588B6 | 4.93:1 | AA | Lc 44.7 |
| #DFF1E2 auf #38764A | 4.62:1 | AA | Lc -70.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/13341d-38764a-c588b6-dff1e2.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.