لون مسمّى · #FFFDEB
Sparkling Cider
Sparkling Cider هو #FFFDEB: rgb(255 253 235)، hsl(54 100% 96%)، oklch(0.991 0.024 101.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sparkling Cider color name →
#FFFDEB
oklch(0.991 0.024 101.7)
تحويلات الألوان
- HEX
- #fffdeb
- RGB
- rgb(255 253 235)
- HSL
- hsl(54 100% 96%)
- HWB
- hwb(54 92% 0%)
- OKLCH
- oklch(0.991 0.024 101.7)
- OKLab
- oklab(0.991 -0.005 0.023)
- CIE Lab
- lab(99.1 -1.56 8.89)
- LCH
- lch(99.1 9.03 100)
- CMYK
- cmyk(0% 1% 8% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFFDED
- FFFDEF
- FFFEF1
- FFFEF3
- FFFEF5
- FFFEF7
- FFFEF9
- FFFFFB
- FFFFFD
درجات داكنة
- DEDCCC
- BEBCAE
- 9E9D91
- 807F75
- 63625B
- 484741
- 2E2D29
- 161613
- 030303
درجات رمادية
- F2F0E0
- E4E3D5
- D7D6CA
- CAC9BF
- BDBDB4
- B1B0A9
- A4A49F
- 989894
- 8C8C8A
تناسق الألوان
متمم +180°
- FFFDEB
Sparkling Cider
- FBFCFF
≈ Wash Me
متجاور -30° +30°
- FFFDEB
Sparkling Cider
- FFFBF7
≈ Eyeball
- F7FFF2
≈ Pearl Powder
ثلاثي +120° +240°
- FFFDEB
Sparkling Cider
- F8FDFF
≈ Deutzia White
- FFFBFD
≈ Flawed White
متمم منقسم +150° +210°
- FFFDEB
Sparkling Cider
- FAFCFF
≈ Wash Me
- FDFBFF
≈ Flawed White
رباعي +90° +180° +270°
- FFFDEB
Sparkling Cider
- F3FFFE
≈ Sparkling Snow
- FBFCFF
≈ Wash Me
- FFFBFB
≈ Flawed White
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.02:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 20.50:1 · APCA Lc 106
أفضل لون للنص: #000000
WCAG 20.50:1 (AAA) · APCA Lc 106
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sparkling-cider: #fffdeb;
--sparkling-cider-rgb: 255 253 235;
--sparkling-cider-oklch: oklch(0.991 0.024 101.7);
}
.element {
color: var(--sparkling-cider);
background-color: hsl(54 100% 96%);
border-color: oklch(0.991 0.024 101.7);
}Tailwind CSS v4
@theme {
--color-sparkling-cider: #fffdeb;
--color-sparkling-cider-50: #f6f6ee;
--color-sparkling-cider-100: #e9e8df;
--color-sparkling-cider-200: #d6d5ca;
--color-sparkling-cider-300: #b9b8ab;
--color-sparkling-cider-400: #a19f8f;
--color-sparkling-cider-500: #898775;
--color-sparkling-cider-600: #747263;
--color-sparkling-cider-700: #5d5b4f;
--color-sparkling-cider-800: #444339;
--color-sparkling-cider-900: #2f2e27;
--color-sparkling-cider-950: #1c1b15;
}SCSS
$sparkling-cider: #fffdeb;
$sparkling-cider-rgb: 255, 253, 235;
$sparkling-cider-light: mix(#fff, $sparkling-cider, 20%);
$sparkling-cider-dark: mix(#000, $sparkling-cider, 20%);
.element {
color: $sparkling-cider;
box-shadow: 0 0 0 2px rgba($sparkling-cider, 0.35);
}