أقرب لون مسمّى · #DCB19E
#DCB19E
أقرب لون مسمّى: Prosciutto
#DCB19E (rgb(220 177 158)، hsl(18 47% 74%)، oklch(0.794 0.057 45.1)) أقرب إلى اللون المسمّى Prosciutto. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DCB19E
oklch(0.794 0.057 45.1)
تحويلات الألوان
- HEX
- #dcb19e
- RGB
- rgb(220 177 158)
- HSL
- hsl(18 47% 74%)
- HWB
- hwb(18 62% 14%)
- OKLCH
- oklch(0.794 0.057 45.1)
- OKLab
- oklab(0.794 0.04 0.04)
- CIE Lab
- lab(75.77 14.09 15.99)
- LCH
- lch(75.77 21.31 48.6)
- CMYK
- cmyk(0% 20% 28% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0B9A7
- E3C0B1
- E7C8BB
- EBD0C4
- EED8CE
- F2DFD8
- F5E7E1
- F8EFEB
- FCF7F5
درجات داكنة
- BF9989
- A38374
- 886C60
- 6E574D
- 54423A
- 3C2F29
- 261C18
- 110C09
- 020101
درجات رمادية
- D3AC9B
- C9A798
- C0A295
- B79D92
- AD988F
- A4938C
- 9B8F89
- 928A86
- 898583
تناسق الألوان
متمم +180°
- DCB19E
Prosciutto
- 95C4D8
≈ Bobby Blue
متجاور -30° +30°
- DCB19E
Prosciutto
- DEAEB0
≈ Grim Pink
- D2B794
≈ Brown Hare
ثلاثي +120° +240°
- DCB19E
Prosciutto
- 9AC8B3
≈ Lobaria Lichen
- B7B7E0
≈ Wild Orchid Blue
متمم منقسم +150° +210°
- DCB19E
Prosciutto
- 91C8C7
≈ Embellished Blue
- A4BEE0
≈ Artesian Pool
رباعي +90° +180° +270°
- DCB19E
Prosciutto
- ACC5A0
≈ Pale Mint
- 95C4D8
≈ Bobby Blue
- CAB1D5
≈ Windsor Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.93:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.82:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--prosciutto: #dcb19e;
--prosciutto-rgb: 220 177 158;
--prosciutto-oklch: oklch(0.794 0.057 45.1);
}
.element {
color: var(--prosciutto);
background-color: hsl(18 47% 74%);
border-color: oklch(0.794 0.057 45.1);
}Tailwind CSS v4
@theme {
--color-prosciutto: #dcb19e;
--color-prosciutto-50: #fff1e8;
--color-prosciutto-100: #f9e3d8;
--color-prosciutto-200: #eacec0;
--color-prosciutto-300: #d1af9f;
--color-prosciutto-400: #bc9483;
--color-prosciutto-500: #a77b67;
--color-prosciutto-600: #8d6857;
--color-prosciutto-700: #715346;
--color-prosciutto-800: #543c33;
--color-prosciutto-900: #3a2922;
--color-prosciutto-950: #241712;
}SCSS
$prosciutto: #dcb19e;
$prosciutto-rgb: 220, 177, 158;
$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);
}