أقرب لون مسمّى · #DABF97
#DABF97
أقرب لون مسمّى: Crepe
#DABF97 (rgb(218 191 151)، hsl(36 48% 72%)، oklch(0.818 0.062 77.4)) أقرب إلى اللون المسمّى Crepe. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DABF97
oklch(0.818 0.062 77.4)
تحويلات الألوان
- HEX
- #dabf97
- RGB
- rgb(218 191 151)
- HSL
- hsl(36 48% 72%)
- HWB
- hwb(36 59% 15%)
- OKLCH
- oklch(0.818 0.062 77.4)
- OKLab
- oklab(0.818 0.013 0.06)
- CIE Lab
- lab(78.94 5.6 23.97)
- LCH
- lch(78.94 24.61 76.9)
- CMYK
- cmyk(0% 12% 31% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEC5A1
- E1CCAC
- E5D2B6
- E9D8C0
- EDDFCB
- F0E5D5
- F4ECE0
- F8F2EA
- FBF9F4
درجات داكنة
- BDA683
- A28D6F
- 87755C
- 6C5E49
- 544837
- 3C3326
- 251F17
- 110D08
- 020201
درجات رمادية
- D1B995
- C7B293
- BEAC91
- B5A58E
- AC9F8C
- A3998A
- 9A9387
- 918C85
- 898683
تناسق الألوان
متمم +180°
- DABF97
Crepe
- ABC5EC
≈ Sky High
متجاور -30° +30°
- DABF97
Crepe
- E6B8A2
≈ Warming Peach
- C7C799
≈ Paris Mint
ثلاثي +120° +240°
- DABF97
Crepe
- 94D0D1
≈ Big Surf
- D4B8DE
≈ Pretty Petunia
متمم منقسم +150° +210°
- DABF97
Crepe
- 9ACCE3
≈ Spring Tide
- C0BEEA
≈ Vodka
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.76:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.88:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--crepe: #dabf97;
--crepe-rgb: 218 191 151;
--crepe-oklch: oklch(0.818 0.062 77.4);
}
.element {
color: var(--crepe);
background-color: hsl(36 48% 72%);
border-color: oklch(0.818 0.062 77.4);
}Tailwind CSS v4
@theme {
--color-crepe: #dabf97;
--color-crepe-50: #fff4e2;
--color-crepe-100: #f3e6d1;
--color-crepe-200: #e3d2b7;
--color-crepe-300: #c8b494;
--color-crepe-400: #b39a76;
--color-crepe-500: #9d8157;
--color-crepe-600: #856d4a;
--color-crepe-700: #6a573b;
--color-crepe-800: #4f3f2a;
--color-crepe-900: #372c1c;
--color-crepe-950: #22190c;
}SCSS
$crepe: #dabf97;
$crepe-rgb: 218, 191, 151;
$crepe-light: mix(#fff, $crepe, 20%);
$crepe-dark: mix(#000, $crepe, 20%);
.element {
color: $crepe;
box-shadow: 0 0 0 2px rgba($crepe, 0.35);
}