أقرب لون مسمّى · #DDB1A0
#DDB1A0
أقرب لون مسمّى: Prosciutto
#DDB1A0 (rgb(221 177 160)، hsl(17 47% 75%)، oklch(0.795 0.057 42.2)) أقرب إلى اللون المسمّى Prosciutto. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DDB1A0
oklch(0.795 0.057 42.2)
تحويلات الألوان
- HEX
- #ddb1a0
- RGB
- rgb(221 177 160)
- HSL
- hsl(17 47% 75%)
- HWB
- hwb(17 63% 13%)
- OKLCH
- oklch(0.795 0.057 42.2)
- OKLab
- oklab(0.795 0.042 0.038)
- CIE Lab
- lab(75.91 14.68 15.12)
- LCH
- lch(75.91 21.07 45.8)
- CMYK
- cmyk(0% 20% 28% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1B9A9
- E4C0B3
- E8C8BC
- EBD0C5
- EFD8CF
- F2DFD8
- F5E7E2
- F9EFEC
- FCF7F5
درجات داكنة
- C0998B
- A48376
- 886C61
- 6E574E
- 55423B
- 3D2F29
- 261C19
- 110C09
- 020101
درجات رمادية
- D3AC9D
- CAA79A
- C1A296
- B79D93
- AE9890
- A5938D
- 9B8F8A
- 928A86
- 898583
تناسق الألوان
متمم +180°
- DDB1A0
Prosciutto
- 94C5D7
≈ Blue Glint
متجاور -30° +30°
- DDB1A0
Prosciutto
- DEAEB2
≈ Grim Pink
- D3B795
≈ Brown Hare
ثلاثي +120° +240°
- DDB1A0
Prosciutto
- 9CC8B1
≈ Lobaria Lichen
- B6B8E1
≈ Wild Orchid Blue
متمم منقسم +150° +210°
- DDB1A0
Prosciutto
- 92C8C6
≈ Embellished Blue
- A2BFE0
≈ Blair
رباعي +90° +180° +270°
- DDB1A0
Prosciutto
- AFC49F
≈ Green Eggs & Cam
- 94C5D7
≈ Blue Glint
- C9B2D7
≈ Elfin Herb
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.93:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.87:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--prosciutto: #ddb1a0;
--prosciutto-rgb: 221 177 160;
--prosciutto-oklch: oklch(0.795 0.057 42.2);
}
.element {
color: var(--prosciutto);
background-color: hsl(17 47% 75%);
border-color: oklch(0.795 0.057 42.2);
}Tailwind CSS v4
@theme {
--color-prosciutto: #ddb1a0;
--color-prosciutto-50: #fff0e8;
--color-prosciutto-100: #f9e2d9;
--color-prosciutto-200: #eacdc1;
--color-prosciutto-300: #d1afa0;
--color-prosciutto-400: #bc9484;
--color-prosciutto-500: #a77a69;
--color-prosciutto-600: #8d6759;
--color-prosciutto-700: #715347;
--color-prosciutto-800: #543c33;
--color-prosciutto-900: #3a2923;
--color-prosciutto-950: #241712;
}SCSS
$prosciutto: #ddb1a0;
$prosciutto-rgb: 221, 177, 160;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}