أقرب لون مسمّى · #DCB49B
#DCB49B
أقرب لون مسمّى: Frappé
#DCB49B (rgb(220 180 155)، hsl(23 48% 74%)، oklch(0.799 0.058 53.7)) أقرب إلى اللون المسمّى Frappé. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DCB49B
oklch(0.799 0.058 53.7)
تحويلات الألوان
- HEX
- #dcb49b
- RGB
- rgb(220 180 155)
- HSL
- hsl(23 48% 74%)
- HWB
- hwb(23 61% 14%)
- OKLCH
- oklch(0.799 0.058 53.7)
- OKLab
- oklab(0.799 0.034 0.047)
- CIE Lab
- lab(76.45 12.28 18.53)
- LCH
- lch(76.45 22.23 56.5)
- CMYK
- cmyk(0% 18% 30% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0BBA5
- E3C3AF
- E7CAB9
- EBD2C2
- EED9CC
- F2E1D6
- F5E8E1
- F8F0EB
- FCF7F5
درجات داكنة
- BF9C86
- A38572
- 886E5E
- 6E584B
- 544439
- 3C3028
- 261D18
- 110C09
- 020201
درجات رمادية
- D3AF98
- C9A996
- C0A493
- B79F91
- AD9A8E
- A4958B
- 9B8F88
- 928A86
- 898583
تناسق الألوان
متمم +180°
- DCB49B
Frappé
- 99C4DD
≈ Madras Blue
متجاور -30° +30°
- DCB49B
Frappé
- E1B0AC
≈ Chewing Gum
- CFBB93
≈ Thermos
ثلاثي +120° +240°
- DCB49B
Frappé
- 97CABA
≈ Mint Twist
- BFB7E0
≈ Melrose
متمم منقسم +150° +210°
- DCB49B
Frappé
- 91C9CE
≈ Bathing
- AABEE4
≈ Artesian Pool
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.90:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 11.04:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--frappe: #dcb49b;
--frappe-rgb: 220 180 155;
--frappe-oklch: oklch(0.799 0.058 53.7);
}
.element {
color: var(--frappe);
background-color: hsl(23 48% 74%);
border-color: oklch(0.799 0.058 53.7);
}Tailwind CSS v4
@theme {
--color-frappe: #dcb49b;
--color-frappe-50: #fff1e6;
--color-frappe-100: #f8e3d6;
--color-frappe-200: #e9cebd;
--color-frappe-300: #cfb09c;
--color-frappe-400: #ba967f;
--color-frappe-500: #a57c62;
--color-frappe-600: #8b6953;
--color-frappe-700: #705442;
--color-frappe-800: #533d30;
--color-frappe-900: #3a2a20;
--color-frappe-950: #241710;
}SCSS
$frappe: #dcb49b;
$frappe-rgb: 220, 180, 155;
$frappe-light: mix(#fff, $frappe, 20%);
$frappe-dark: mix(#000, $frappe, 20%);
.element {
color: $frappe;
box-shadow: 0 0 0 2px rgba($frappe, 0.35);
}