Balloon Circus Farbpalette
Balloon Circus ist eine Palette aus 5 Farben, die auf Blautöne, Orangetöne, Türkis- und Cyantöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 30 % (#2B2D42, dunkel) bis 98 % (#FFF9F1, sehr hell), und die gesättigtste Farbe, #4D96FF, ist leuchtend. 3 ihrer 4 chromatischen Farben liegen auf der kühlen 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 kinder, kräftig, blau und orange.
- Space Cadet #2B2D42
- Chefchaouen Blue #4D96FF
- Sandy Brown #FF9F45
- Light Cornflower Blue #76CAD4
- Seashell #FFF9F1
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #2B2D42 | rgb(43, 45, 66) | hsl(235, 21%, 21%) | oklch(30.5% 0.038 279.7) |
| Chefchaouen Blue | #4D96FF | rgb(77, 150, 255) | hsl(215, 100%, 65%) | oklch(67.7% 0.172 257.8) |
| Sandy Brown | #FF9F45 | rgb(255, 159, 69) | hsl(29, 100%, 64%) | oklch(78.5% 0.153 60.3) |
| Light Cornflower Blue | #76CAD4 | rgb(118, 202, 212) | hsl(186, 52%, 65%) | oklch(78.9% 0.083 205.5) |
| Seashell | #FFF9F1 | rgb(255, 249, 241) | hsl(34, 100%, 97%) | oklch(98.5% 0.012 75.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Balloon Circus, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFF9F1 auf #2B2D42 | 12.89:1 | AAA | Lc -99.6 |
| #2B2D42 auf #76CAD4 | 7.17:1 | AAA | Lc 62.3 |
| #2B2D42 auf #FF9F45 | 6.61:1 | AA | Lc 58.5 |
Farbsehen
1 Farbpaar kommt 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/2b2d42-4d96ff-ff9f45-76cad4-fff9f1.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.