Color con nombre · #DE9456
Pumpkin Toast
Pumpkin Toast es #DE9456: rgb(222 148 86), hsl(27 67% 60%), oklch(0.728 0.119 59.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Pumpkin Toast color name →
#DE9456
oklch(0.728 0.119 59.3)
Conversiones de color
- HEX
- #de9456
- RGB
- rgb(222 148 86)
- HSL
- hsl(27 67% 60%)
- HWB
- hwb(27 34% 13%)
- OKLCH
- oklch(0.728 0.119 59.3)
- OKLab
- oklab(0.728 0.061 0.102)
- CIE Lab
- lab(68.05 24.34 44.2)
- LCH
- lch(68.05 50.46 61.2)
- CMYK
- cmyk(0% 33% 61% 13%)
Tintes · Sombras · Tonos
Tintes
- E29F68
- E6AA7A
- EAB48B
- EDBF9B
- F1CAAC
- F4D4BD
- F7DFCD
- FAEADE
- FCF4EE
Sombras
- C1804A
- A56D3E
- 895A32
- 6F4827
- 55361C
- 3D2612
- 261608
- 120802
- 020100
Tonos
- D5925C
- CB9161
- C28F66
- B98D6B
- AF8B6F
- A68973
- 9D8777
- 93857A
- 8A827D
Armonías de color
Complementario +180°
- DE9456
Pumpkin Toast
- 58B1EA
≈ Blue Jeans
Análogo -30° +30°
- DE9456
Pumpkin Toast
- E8897B
≈ Redolenc
- C5A345
≈ Creed
Triádico +120° +240°
- DE9456
Pumpkin Toast
- 37BFA9
≈ Pure Cyan
- B296E7
≈ Dreamy Candy Forest
Complementario dividido +150° +210°
- DE9456
Pumpkin Toast
- 26BBCF
≈ Holiday Blue
- 89A3F2
≈ Cold Lips
Tetrádico +90° +180° +270°
- DE9456
Pumpkin Toast
- 6EBC7E
≈ Young Fern
- 58B1EA
≈ Blue Jeans
- D18BCC
≈ Cyclamen
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.47:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.47:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.47:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--pumpkin-toast: #de9456;
--pumpkin-toast-rgb: 222 148 86;
--pumpkin-toast-oklch: oklch(0.728 0.119 59.3);
}
.element {
color: var(--pumpkin-toast);
background-color: hsl(27 67% 60%);
border-color: oklch(0.728 0.119 59.3);
}Tailwind CSS v4
@theme {
--color-pumpkin-toast: #de9456;
--color-pumpkin-toast-50: #ffeed3;
--color-pumpkin-toast-100: #ffe0c0;
--color-pumpkin-toast-200: #fac9a1;
--color-pumpkin-toast-300: #e4aa78;
--color-pumpkin-toast-400: #d28c52;
--color-pumpkin-toast-500: #bf7025;
--color-pumpkin-toast-600: #a15f22;
--color-pumpkin-toast-700: #814c1b;
--color-pumpkin-toast-800: #613613;
--color-pumpkin-toast-900: #44250c;
--color-pumpkin-toast-950: #2c1301;
}SCSS
$pumpkin-toast: #de9456;
$pumpkin-toast-rgb: 222, 148, 86;
$pumpkin-toast-light: mix(#fff, $pumpkin-toast, 20%);
$pumpkin-toast-dark: mix(#000, $pumpkin-toast, 20%);
.element {
color: $pumpkin-toast;
box-shadow: 0 0 0 2px rgba($pumpkin-toast, 0.35);
}