لون مسمّى · #CFBFB9
Musk Dusk
Musk Dusk هو #CFBFB9: rgb(207 191 185)، hsl(16 19% 77%)، oklch(0.816 0.02 41.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Musk Dusk color name →
#CFBFB9
oklch(0.816 0.02 41.8)
تحويلات الألوان
- HEX
- #cfbfb9
- RGB
- rgb(207 191 185)
- HSL
- hsl(16 19% 77%)
- HWB
- hwb(16 73% 19%)
- OKLCH
- oklch(0.816 0.02 41.8)
- OKLab
- oklab(0.816 0.015 0.013)
- CIE Lab
- lab(78.56 5.08 5.18)
- LCH
- lch(78.56 7.26 45.6)
- CMYK
- cmyk(0% 8% 11% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D4C5C0
- D9CCC7
- DDD2CE
- E2D8D5
- E7DFDC
- ECE5E3
- F1EBEA
- F5F2F1
- FAF8F8
درجات داكنة
- B4A6A0
- 998D89
- 7F7571
- 675E5B
- 4F4846
- 383331
- 231F1E
- 100D0D
- 020202
درجات رمادية
- C7B9B3
- BFB2AD
- B7ACA8
- AFA5A2
- A79F9C
- 9F9996
- 979291
- 8F8C8B
- 888686
تناسق الألوان
متمم +180°
- CFBFB9
Musk Dusk
- B6C6CC
≈ Flowing Breeze
متجاور -30° +30°
- CFBFB9
Musk Dusk
- CFBEBF
≈ Dusky Violet
- CBC1B5
≈ Loophole
ثلاثي +120° +240°
- CFBFB9
Musk Dusk
- B8C7BF
≈ Surf Spray
- C0C2D0
≈ Lavender Honour
متمم منقسم +150° +210°
- CFBFB9
Musk Dusk
- B5C7C6
≈ Misty Surf
- BAC4D0
≈ Plein Air
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.77:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.80:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--musk-dusk: #cfbfb9;
--musk-dusk-rgb: 207 191 185;
--musk-dusk-oklch: oklch(0.816 0.02 41.8);
}
.element {
color: var(--musk-dusk);
background-color: hsl(16 19% 77%);
border-color: oklch(0.816 0.02 41.8);
}Tailwind CSS v4
@theme {
--color-musk-dusk: #cfbfb9;
--color-musk-dusk-50: #faf3f1;
--color-musk-dusk-100: #eee6e3;
--color-musk-dusk-200: #dcd2cd;
--color-musk-dusk-300: #c1b4af;
--color-musk-dusk-400: #a99b95;
--color-musk-dusk-500: #92827c;
--color-musk-dusk-600: #7c6e69;
--color-musk-dusk-700: #635854;
--color-musk-dusk-800: #49403d;
--color-musk-dusk-900: #332c2a;
--color-musk-dusk-950: #1e1918;
}SCSS
$musk-dusk: #cfbfb9;
$musk-dusk-rgb: 207, 191, 185;
$musk-dusk-light: mix(#fff, $musk-dusk, 20%);
$musk-dusk-dark: mix(#000, $musk-dusk, 20%);
.element {
color: $musk-dusk;
box-shadow: 0 0 0 2px rgba($musk-dusk, 0.35);
}