لون مسمّى · #E9D2CC
Birthday Cake
Birthday Cake هو #E9D2CC: rgb(233 210 204)، hsl(12 40% 86%)، oklch(0.881 0.027 35). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Birthday Cake color name →
#E9D2CC
oklch(0.881 0.027 35)
تحويلات الألوان
- HEX
- #e9d2cc
- RGB
- rgb(233 210 204)
- HSL
- hsl(12 40% 86%)
- HWB
- hwb(12 80% 9%)
- OKLCH
- oklch(0.881 0.027 35)
- OKLab
- oklab(0.881 0.022 0.016)
- CIE Lab
- lab(86 7.54 6.05)
- LCH
- lch(86 9.66 38.7)
- CMYK
- cmyk(0% 10% 12% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EBD6D1
- EEDBD6
- F0DFDB
- F2E4E0
- F4E8E5
- F6EDEA
- F9F1F0
- FBF6F5
- FDFAFA
درجات داكنة
- CBB6B1
- AD9B97
- 90817E
- 746865
- 5A504E
- 413937
- 292422
- 13100F
- 030202
درجات رمادية
- DEC9C4
- D3C1BC
- C8B9B5
- BEB0AD
- B3A8A5
- A9A09E
- 9E9896
- 94908F
- 8A8887
تناسق الألوان
متمم +180°
- E9D2CC
Birthday Cake
- C5DDE3
≈ Galactica
متجاور -30° +30°
- E9D2CC
Birthday Cake
- E9D1D5
≈ Desert Mauve
- E5D5C6
≈ Silver Thistle Beige
ثلاثي +120° +240°
- E9D2CC
Birthday Cake
- CBDDD0
≈ Ruins of Civilization
- D2D7EA
≈ Early Dog Violet
متمم منقسم +150° +210°
- E9D2CC
Birthday Cake
- C5DEDA
≈ Sunken Pool
- CADAE9
≈ Sea Breeze Green
رباعي +90° +180° +270°
- E9D2CC
Birthday Cake
- D4DBC8
≈ Ottoman
- C5DDE3
≈ Galactica
- DCD4E7
≈ Alpine Moon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.55:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--birthday-cake: #e9d2cc;
--birthday-cake-rgb: 233 210 204;
--birthday-cake-oklch: oklch(0.881 0.027 35);
}
.element {
color: var(--birthday-cake);
background-color: hsl(12 40% 86%);
border-color: oklch(0.881 0.027 35);
}Tailwind CSS v4
@theme {
--color-birthday-cake: #e9d2cc;
--color-birthday-cake-50: #fdf3f0;
--color-birthday-cake-100: #f1e5e2;
--color-birthday-cake-200: #dfd1cc;
--color-birthday-cake-300: #c5b3ae;
--color-birthday-cake-400: #ae9994;
--color-birthday-cake-500: #97807a;
--color-birthday-cake-600: #806d68;
--color-birthday-cake-700: #665753;
--color-birthday-cake-800: #4b3f3c;
--color-birthday-cake-900: #342b29;
--color-birthday-cake-950: #201917;
}SCSS
$birthday-cake: #e9d2cc;
$birthday-cake-rgb: 233, 210, 204;
$birthday-cake-light: mix(#fff, $birthday-cake, 20%);
$birthday-cake-dark: mix(#000, $birthday-cake, 20%);
.element {
color: $birthday-cake;
box-shadow: 0 0 0 2px rgba($birthday-cake, 0.35);
}