لون مسمّى · #D59466
Pumpkin Patch
Pumpkin Patch هو #D59466: rgb(213 148 102)، hsl(25 57% 62%)، oklch(0.72 0.1 55.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Pumpkin Patch color name →
#D59466
oklch(0.72 0.1 55.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DA9F76
- DEA985
- E3B494
- E7BFA3
- ECC9B2
- F0D4C2
- F4DFD1
- F8E9E0
- FBF4F0
درجات داكنة
- B98058
- 9E6D4A
- 835A3C
- 6A482F
- 513623
- 3A2617
- 24160C
- 100804
- 020100
درجات رمادية
- CD9269
- C4916D
- BC8F70
- B38D73
- AB8B75
- A28978
- 9A877A
- 91857C
- 89827E
تناسق الألوان
متمم +180°
- D59466
Pumpkin Patch
- 62AFDB
≈ Milky Waves
متجاور -30° +30°
- D59466
Pumpkin Patch
- DC8C84
≈ Coral Banks
- C1A057
≈ Camel
ثلاثي +120° +240°
- D59466
Pumpkin Patch
- 56B9A2
≈ Puerto Rico
- AA98DD
≈ Dull Lavender
متمم منقسم +150° +210°
- D59466
Pumpkin Patch
- 49B7C3
≈ Glassmith
- 87A3E4
≈ Blue Cue
رباعي +90° +180° +270°
- D59466
Pumpkin Patch
- 7BB67E
≈ Colour Me Green
- 62AFDB
≈ Milky Waves
- C58FC7
≈ Rose Souvenir
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.54:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.25:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
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);
}