لون مسمّى · #CDBFC6
Elusive Dream
Elusive Dream هو #CDBFC6: rgb(205 191 198)، hsl(330 12% 78%)، oklch(0.818 0.018 345.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Elusive Dream color name →
#CDBFC6
oklch(0.818 0.018 345.7)
تحويلات الألوان
- HEX
- #cdbfc6
- RGB
- rgb(205 191 198)
- HSL
- hsl(330 12% 78%)
- HWB
- hwb(330 75% 20%)
- OKLCH
- oklch(0.818 0.018 345.7)
- OKLab
- oklab(0.818 0.018 -0.005)
- CIE Lab
- lab(78.67 6.02 -1.66)
- LCH
- lch(78.67 6.24 344.5)
- CMYK
- cmyk(0% 7% 3% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D2C5CC
- D7CCD1
- DCD2D7
- E1D8DC
- E6DFE2
- EBE5E8
- F0EBEE
- F5F2F3
- FAF8F9
درجات داكنة
- B2A6AC
- 988D92
- 7E757A
- 665E62
- 4E484B
- 383335
- 231F21
- 0F0D0E
- 020202
درجات رمادية
- C5B9BF
- BDB2B8
- B5ACB0
- ADA5A9
- A69FA2
- 9E999B
- 969294
- 8F8C8E
- 878687
تناسق الألوان
متمم +180°
- CDBFC6
Elusive Dream
- B9C8C1
≈ Powder Ash
متجاور -30° +30°
- CDBFC6
Elusive Dream
- C8C0CC
≈ Clary Sage
- CFBFBF
≈ Dusky Violet
ثلاثي +120° +240°
- CDBFC6
Elusive Dream
- C5C4B7
≈ Swiss Livery
- B8C6CD
≈ Silver Strand
متمم منقسم +150° +210°
- CDBFC6
Elusive Dream
- BEC6BB
≈ Contemplation
- B7C7C7
≈ Misty Surf
رباعي +90° +180° +270°
- CDBFC6
Elusive Dream
- CBC2B7
≈ Heritage Grey
- B9C8C1
≈ Powder Ash
- BCC4D0
≈ Blue Dolphin
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.77:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.86:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--elusive-dream: #cdbfc6;
--elusive-dream-rgb: 205 191 198;
--elusive-dream-oklch: oklch(0.818 0.018 345.7);
}
.element {
color: var(--elusive-dream);
background-color: hsl(330 12% 78%);
border-color: oklch(0.818 0.018 345.7);
}Tailwind CSS v4
@theme {
--color-elusive-dream: #cdbfc6;
--color-elusive-dream-50: #f9f3f6;
--color-elusive-dream-100: #ede5e9;
--color-elusive-dream-200: #dbd1d5;
--color-elusive-dream-300: #bfb4b9;
--color-elusive-dream-400: #a79aa1;
--color-elusive-dream-500: #908189;
--color-elusive-dream-600: #7a6e74;
--color-elusive-dream-700: #61585d;
--color-elusive-dream-800: #474044;
--color-elusive-dream-900: #312c2f;
--color-elusive-dream-950: #1d191b;
}SCSS
$elusive-dream: #cdbfc6;
$elusive-dream-rgb: 205, 191, 198;
$elusive-dream-light: mix(#fff, $elusive-dream, 20%);
$elusive-dream-dark: mix(#000, $elusive-dream, 20%);
.element {
color: $elusive-dream;
box-shadow: 0 0 0 2px rgba($elusive-dream, 0.35);
}