لون مسمّى · #EDDBC8
Patisserie
Patisserie هو #EDDBC8: rgb(237 219 200)، hsl(31 51% 86%)، oklch(0.901 0.032 68.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Patisserie color name →
#EDDBC8
oklch(0.901 0.032 68.9)
تحويلات الألوان
- HEX
- #eddbc8
- RGB
- rgb(237 219 200)
- HSL
- hsl(31 51% 86%)
- HWB
- hwb(31 78% 7%)
- OKLCH
- oklch(0.901 0.032 68.9)
- OKLab
- oklab(0.901 0.012 0.03)
- CIE Lab
- lab(88.51 4.14 11.73)
- LCH
- lch(88.51 12.44 70.6)
- CMYK
- cmyk(0% 8% 16% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFDFCD
- F1E2D3
- F2E6D8
- F4E9DE
- F6EDE3
- F8F1E9
- FAF4EE
- FBF8F4
- FDFBF9
درجات داكنة
- CEBEAE
- B0A294
- 93877B
- 776D63
- 5C544C
- 423C36
- 2A2621
- 14110F
- 030202
درجات رمادية
- E2D2C1
- D6C8B9
- CBBFB2
- C0B6AB
- B5ACA3
- AAA39C
- 9F9A95
- 95918E
- 8A8987
تناسق الألوان
متمم +180°
- EDDBC8
Patisserie
- CEE1F3
≈ Hint of Blue
متجاور -30° +30°
- EDDBC8
Patisserie
- F3D8CF
≈ Pink Zest
- E3DFC7
≈ Bamboo
ثلاثي +120° +240°
- EDDBC8
Patisserie
- C7E6E2
≈ Swan Lake
- E4D9EF
≈ Pouty Purple
متمم منقسم +150° +210°
- EDDBC8
Patisserie
- C8E4ED
≈ Sapphireberry
- D9DDF4
≈ Chinese Silver
رباعي +90° +180° +270°
- EDDBC8
Patisserie
- CDE5D7
≈ Mint Whisper
- CEE1F3
≈ Hint of Blue
- EED7E5
≈ All Made Up
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.34:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.56:1 · APCA Lc 86
أفضل لون للنص: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--patisserie: #eddbc8;
--patisserie-rgb: 237 219 200;
--patisserie-oklch: oklch(0.901 0.032 68.9);
}
.element {
color: var(--patisserie);
background-color: hsl(31 51% 86%);
border-color: oklch(0.901 0.032 68.9);
}Tailwind CSS v4
@theme {
--color-patisserie: #eddbc8;
--color-patisserie-50: #fbf4eb;
--color-patisserie-100: #efe6dd;
--color-patisserie-200: #ddd2c6;
--color-patisserie-300: #c2b5a6;
--color-patisserie-400: #ab9b8a;
--color-patisserie-500: #95836f;
--color-patisserie-600: #7e6f5f;
--color-patisserie-700: #65584b;
--color-patisserie-800: #4a4037;
--color-patisserie-900: #332c25;
--color-patisserie-950: #1f1914;
}SCSS
$patisserie: #eddbc8;
$patisserie-rgb: 237, 219, 200;
$patisserie-light: mix(#fff, $patisserie, 20%);
$patisserie-dark: mix(#000, $patisserie, 20%);
.element {
color: $patisserie;
box-shadow: 0 0 0 2px rgba($patisserie, 0.35);
}