لون مسمّى · #F9EBE4
Light Rose Beige
Light Rose Beige هو #F9EBE4: rgb(249 235 228)، hsl(20 64% 94%)، oklch(0.949 0.018 48.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Light Rose Beige color name →
#F9EBE4
oklch(0.949 0.018 48.5)
تحويلات الألوان
- HEX
- #f9ebe4
- RGB
- rgb(249 235 228)
- HSL
- hsl(20 64% 94%)
- HWB
- hwb(20 89% 2%)
- OKLCH
- oklch(0.949 0.018 48.5)
- OKLab
- oklab(0.949 0.012 0.013)
- CIE Lab
- lab(94.03 4.03 5.19)
- LCH
- lch(94.03 6.57 52.2)
- CMYK
- cmyk(0% 6% 8% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FAEDE7
- FAEFE9
- FBF1EC
- FBF3EF
- FCF5F1
- FDF7F4
- FDF9F7
- FEFBFA
- FEFDFC
درجات داكنة
- D9CCC6
- B9AEA9
- 9A918D
- 7D7572
- 615B58
- 46413F
- 2C2928
- 151312
- 030303
درجات رمادية
- ECE0DA
- E0D5CF
- D3CAC5
- C7BFBB
- BBB4B1
- AFA9A7
- A39F9D
- 979493
- 8B8A8A
تناسق الألوان
متمم +180°
- F9EBE4
Light Rose Beige
- E3F1F8
≈ Clear Vision
متجاور -30° +30°
- F9EBE4
Light Rose Beige
- FAEAE9
≈ Ballerina Gown
- F5EDE1
≈ White Flour
ثلاثي +120° +240°
- F9EBE4
Light Rose Beige
- E3F2EC
≈ Opera Glass
- EDEDFA
≈ Carte Blanche
متمم منقسم +150° +210°
- F9EBE4
Light Rose Beige
- E1F2F3
≈ Bone-Chilling
- E7EFFB
≈ Cotton Boll
رباعي +90° +180° +270°
- F9EBE4
Light Rose Beige
- E8F1E6
≈ Quark White
- E3F1F8
≈ Clear Vision
- F4EBF6
≈ Perfume Haze
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.16:1 · APCA Lc 8
Ag
AAAعلى الأسود
WCAG 18.03:1 · APCA Lc 96
أفضل لون للنص: #000000
WCAG 18.03:1 (AAA) · APCA Lc 96
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-rose-beige: #f9ebe4;
--light-rose-beige-rgb: 249 235 228;
--light-rose-beige-oklch: oklch(0.949 0.018 48.5);
}
.element {
color: var(--light-rose-beige);
background-color: hsl(20 64% 94%);
border-color: oklch(0.949 0.018 48.5);
}Tailwind CSS v4
@theme {
--color-light-rose-beige: #f9ebe4;
--color-light-rose-beige-50: #faf4f1;
--color-light-rose-beige-100: #ede6e3;
--color-light-rose-beige-200: #dbd2cd;
--color-light-rose-beige-300: #bfb5af;
--color-light-rose-beige-400: #a89c95;
--color-light-rose-beige-500: #91837c;
--color-light-rose-beige-600: #7a6f69;
--color-light-rose-beige-700: #625954;
--color-light-rose-beige-800: #48413d;
--color-light-rose-beige-900: #322d2a;
--color-light-rose-beige-950: #1e1a18;
}SCSS
$light-rose-beige: #f9ebe4;
$light-rose-beige-rgb: 249, 235, 228;
$light-rose-beige-light: mix(#fff, $light-rose-beige, 20%);
$light-rose-beige-dark: mix(#000, $light-rose-beige, 20%);
.element {
color: $light-rose-beige;
box-shadow: 0 0 0 2px rgba($light-rose-beige, 0.35);
}