Paleta de colores Kumquat Twist
Kumquat Twist es una paleta de 5 colores que se apoya en marrones, verdes, amarillos y naranjas. En OKLCH, su luminosidad va del 31% (#343100, oscuro) al 94% (#FFE9BB, muy claro), y su color más saturado, #A8CD55, es vívido. 2 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como comida, verano, verdes y aptos para daltonismo.
- Pakistan Green #343100
- Dark Moss Green #376C36
- Persian Green #33A478
- Saffron #A8CD55
- Champagne #FFE9BB
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #343100 | rgb(52, 49, 0) | hsl(57, 100%, 10%) | oklch(30.6% 0.065 105.9) |
| Dark Moss Green | #376C36 | rgb(55, 108, 54) | hsl(119, 33%, 32%) | oklch(48% 0.101 143.4) |
| Persian Green | #33A478 | rgb(51, 164, 120) | hsl(157, 53%, 42%) | oklch(64.4% 0.121 163.1) |
| Saffron | #A8CD55 | rgb(168, 205, 85) | hsl(79, 55%, 57%) | oklch(79.7% 0.153 124.2) |
| Champagne | #FFE9BB | rgb(255, 233, 187) | hsl(41, 100%, 87%) | oklch(94.1% 0.064 85.4) |
Accesibilidad
Los mejores pares de texto y fondo de Kumquat Twist, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #FFE9BB sobre #343100 | 11.12:1 | AAA | Lc -89.7 |
| #A8CD55 sobre #343100 | 7.27:1 | AAA | Lc -63.5 |
| #FFE9BB sobre #376C36 | 5.24:1 | AA | Lc -73.1 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/343100-376c36-33a478-a8cd55-ffe9bb.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.