Colore con nome · #D59466
Pumpkin Patch
Pumpkin Patch è #D59466: rgb(213 148 102), hsl(25 57% 62%), oklch(0.72 0.1 55.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pumpkin Patch color name →
#D59466
oklch(0.72 0.1 55.7)
Conversioni di colore
- HEX
- #d59466
- RGB
- rgb(213 148 102)
- HSL
- hsl(25 57% 62%)
- HWB
- hwb(25 40% 16%)
- OKLCH
- oklch(0.72 0.1 55.7)
- OKLab
- oklab(0.72 0.056 0.082)
- CIE Lab
- lab(67.16 21.54 34.56)
- LCH
- lch(67.16 40.72 58.1)
- CMYK
- cmyk(0% 31% 52% 16%)
Tinte · Ombre · Toni
Tinte
- DA9F76
- DEA985
- E3B494
- E7BFA3
- ECC9B2
- F0D4C2
- F4DFD1
- F8E9E0
- FBF4F0
Ombre
- B98058
- 9E6D4A
- 835A3C
- 6A482F
- 513623
- 3A2617
- 24160C
- 100804
- 020100
Toni
- CD9269
- C4916D
- BC8F70
- B38D73
- AB8B75
- A28978
- 9A877A
- 91857C
- 89827E
Armonie di colore
Complementare +180°
- D59466
Pumpkin Patch
- 62AFDB
≈ Milky Waves
Analogo -30° +30°
- D59466
Pumpkin Patch
- DC8C84
≈ Coral Banks
- C1A057
≈ Camel
Triadico +120° +240°
- D59466
Pumpkin Patch
- 56B9A2
≈ Puerto Rico
- AA98DD
≈ Dull Lavender
Complementare divisa +150° +210°
- D59466
Pumpkin Patch
- 49B7C3
≈ Glassmith
- 87A3E4
≈ Blue Cue
Tetradico +90° +180° +270°
- D59466
Pumpkin Patch
- 7BB67E
≈ Colour Me Green
- 62AFDB
≈ Milky Waves
- C58FC7
≈ Rose Souvenir
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.25:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--pumpkin-patch: #d59466;
--pumpkin-patch-rgb: 213 148 102;
--pumpkin-patch-oklch: oklch(0.72 0.1 55.7);
}
.element {
color: var(--pumpkin-patch);
background-color: hsl(25 57% 62%);
border-color: oklch(0.72 0.1 55.7);
}Tailwind CSS v4
@theme {
--color-pumpkin-patch: #d59466;
--color-pumpkin-patch-50: #ffefda;
--color-pumpkin-patch-100: #ffe0c8;
--color-pumpkin-patch-200: #f6caab;
--color-pumpkin-patch-300: #dfab85;
--color-pumpkin-patch-400: #cc8f63;
--color-pumpkin-patch-500: #b87340;
--color-pumpkin-patch-600: #9c6237;
--color-pumpkin-patch-700: #7d4e2c;
--color-pumpkin-patch-800: #5d381f;
--color-pumpkin-patch-900: #412614;
--color-pumpkin-patch-950: #2a1506;
}SCSS
$pumpkin-patch: #d59466;
$pumpkin-patch-rgb: 213, 148, 102;
$pumpkin-patch-light: mix(#fff, $pumpkin-patch, 20%);
$pumpkin-patch-dark: mix(#000, $pumpkin-patch, 20%);
.element {
color: $pumpkin-patch;
box-shadow: 0 0 0 2px rgba($pumpkin-patch, 0.35);
}