لون مسمّى · #CABDAE
Creamy Mushroom
Creamy Mushroom هو #CABDAE: rgb(202 189 174)، hsl(32 21% 74%)، oklch(0.805 0.025 71.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Creamy Mushroom color name →
#CABDAE
oklch(0.805 0.025 71.4)
تحويلات الألوان
- HEX
- #cabdae
- RGB
- rgb(202 189 174)
- HSL
- hsl(32 21% 74%)
- HWB
- hwb(32 68% 21%)
- OKLCH
- oklch(0.805 0.025 71.4)
- OKLab
- oklab(0.805 0.008 0.024)
- CIE Lab
- lab(77.39 2.88 9.35)
- LCH
- lch(77.39 9.78 72.9)
- CMYK
- cmyk(0% 6% 14% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFC3B6
- D4CABE
- DAD0C6
- DFD7CE
- E4DED6
- EAE4DE
- EFEBE6
- F4F2EE
- FAF8F7
درجات داكنة
- AFA497
- 958C80
- 7C746A
- 645D55
- 4D4741
- 37332E
- 221F1C
- 0F0D0B
- 020201
درجات رمادية
- C2B7A9
- BBB0A5
- B3AAA0
- ACA49B
- A49E97
- 9D9892
- 96928E
- 8E8C89
- 878685
تناسق الألوان
متمم +180°
- CABDAE
Creamy Mushroom
- B4C1D0
≈ Hazy
متجاور -30° +30°
- CABDAE
Creamy Mushroom
- CFBAB3
≈ Mothy
- C2C0AE
≈ Gentle Soul
ثلاثي +120° +240°
- CABDAE
Creamy Mushroom
- AEC5C3
≈ Jungle Mist
- C5BBCC
≈ Last of the Lilacs
متمم منقسم +150° +210°
- CABDAE
Creamy Mushroom
- AEC3CB
≈ Robin’s Pride
- BCBED0
≈ Sweet Juliet
رباعي +90° +180° +270°
- CABDAE
Creamy Mushroom
- B2C5BA
≈ Aquamarine Dream
- B4C1D0
≈ Hazy
- CCB9C4
≈ Queen’s Violet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.84:1 · APCA Lc 35
Ag
AAAعلى الأسود
WCAG 11.40:1 · APCA Lc 68
أفضل لون للنص: #000000
WCAG 11.40:1 (AAA) · APCA Lc 68
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--creamy-mushroom: #cabdae;
--creamy-mushroom-rgb: 202 189 174;
--creamy-mushroom-oklch: oklch(0.805 0.025 71.4);
}
.element {
color: var(--creamy-mushroom);
background-color: hsl(32 21% 74%);
border-color: oklch(0.805 0.025 71.4);
}Tailwind CSS v4
@theme {
--color-creamy-mushroom: #cabdae;
--color-creamy-mushroom-50: #faf4ed;
--color-creamy-mushroom-100: #ede7df;
--color-creamy-mushroom-200: #dbd3c9;
--color-creamy-mushroom-300: #c0b6aa;
--color-creamy-mushroom-400: #a89c8f;
--color-creamy-mushroom-500: #918474;
--color-creamy-mushroom-600: #7b7062;
--color-creamy-mushroom-700: #62594f;
--color-creamy-mushroom-800: #484139;
--color-creamy-mushroom-900: #322d27;
--color-creamy-mushroom-950: #1e1a15;
}SCSS
$creamy-mushroom: #cabdae;
$creamy-mushroom-rgb: 202, 189, 174;
$creamy-mushroom-light: mix(#fff, $creamy-mushroom, 20%);
$creamy-mushroom-dark: mix(#000, $creamy-mushroom, 20%);
.element {
color: $creamy-mushroom;
box-shadow: 0 0 0 2px rgba($creamy-mushroom, 0.35);
}