أقرب لون مسمّى · #EAD1AD
#EAD1AD
أقرب لون مسمّى: Champagne
#EAD1AD (rgb(234 209 173)، hsl(35 59% 80%)، oklch(0.872 0.055 76.9)) أقرب إلى اللون المسمّى Champagne. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EAD1AD
oklch(0.872 0.055 76.9)
تحويلات الألوان
- HEX
- #ead1ad
- RGB
- rgb(234 209 173)
- HSL
- hsl(35 59% 80%)
- HWB
- hwb(35 68% 8%)
- OKLCH
- oklch(0.872 0.055 76.9)
- OKLab
- oklab(0.872 0.013 0.054)
- CIE Lab
- lab(85.28 5.03 21.29)
- LCH
- lch(85.28 21.87 76.7)
- CMYK
- cmyk(0% 11% 26% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ECD6B5
- EEDABD
- F0DFC6
- F3E3CE
- F5E8D6
- F7EDDE
- F9F1E6
- FBF6EF
- FDFAF7
درجات داكنة
- CBB596
- AE9B7F
- 91816A
- 756855
- 5A5041
- 41392D
- 29231B
- 13100B
- 030201
درجات رمادية
- DFC9A9
- D4C0A4
- C9B8A0
- BEB09B
- B4A897
- A9A092
- 9F988E
- 949089
- 8A8885
تناسق الألوان
متمم +180°
- EAD1AD
Champagne
- BED7FA
≈ Oh Boy!
متجاور -30° +30°
- EAD1AD
Champagne
- F5CBB7
≈ Cape Sands
- D9D8AE
≈ Mǐ Bái Beige
ثلاثي +120° +240°
- EAD1AD
Champagne
- ABE1E1
≈ Blue Light
- E4CAEE
≈ Mousse aux Pruneaux
متمم منقسم +150° +210°
- EAD1AD
Champagne
- AFDDF2
≈ Van Gogh Blue
- D2D0F8
≈ Pale Phthalo Blue
رباعي +90° +180° +270°
- EAD1AD
Champagne
- B3E1CD
≈ Quiet Jade
- BED7FA
≈ Oh Boy!
- F2C7DC
≈ British Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.47:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.22:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--champagne: #ead1ad;
--champagne-rgb: 234 209 173;
--champagne-oklch: oklch(0.872 0.055 76.9);
}
.element {
color: var(--champagne);
background-color: hsl(35 59% 80%);
border-color: oklch(0.872 0.055 76.9);
}Tailwind CSS v4
@theme {
--color-champagne: #ead1ad;
--color-champagne-50: #fef4e4;
--color-champagne-100: #f2e6d4;
--color-champagne-200: #e1d2ba;
--color-champagne-300: #c7b598;
--color-champagne-400: #b19b7a;
--color-champagne-500: #9b825c;
--color-champagne-600: #836e4f;
--color-champagne-700: #69583f;
--color-champagne-800: #4e402d;
--color-champagne-900: #362c1e;
--color-champagne-950: #21190e;
}SCSS
$champagne: #ead1ad;
$champagne-rgb: 234, 209, 173;
$champagne-light: mix(#fff, $champagne, 20%);
$champagne-dark: mix(#000, $champagne, 20%);
.element {
color: $champagne;
box-shadow: 0 0 0 2px rgba($champagne, 0.35);
}