لون مسمّى · #FFE9ED
Rose Mochi
Rose Mochi هو #FFE9ED: rgb(255 233 237)، hsl(349 100% 96%)، oklch(0.953 0.025 5.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Rose Mochi color name →
#FFE9ED
oklch(0.953 0.025 5.1)
تحويلات الألوان
- HEX
- #ffe9ed
- RGB
- rgb(255 233 237)
- HSL
- hsl(349 100% 96%)
- HWB
- hwb(349 91% 0%)
- OKLCH
- oklch(0.953 0.025 5.1)
- OKLab
- oklab(0.953 0.024 0.002)
- CIE Lab
- lab(94.23 8.23 0.91)
- LCH
- lch(94.23 8.28 6.3)
- CMYK
- cmyk(0% 9% 7% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFEBEF
- FFEDF1
- FFF0F2
- FFF2F4
- FFF4F6
- FFF6F8
- FFF8FA
- FFFBFB
- FFFDFD
درجات داكنة
- DECBCE
- BEADB0
- 9E9093
- 807477
- 635A5C
- 484142
- 2E292A
- 161314
- 030303
درجات رمادية
- F2DEE2
- E4D3D6
- D7C8CB
- CABEC0
- BEB3B5
- B1A9AA
- A49E9F
- 989495
- 8C8A8A
تناسق الألوان
متمم +180°
- FFE9ED
Rose Mochi
- DEF5F1
≈ Glacier Bay
متجاور -30° +30°
- FFE9ED
Rose Mochi
- FBEAF6
≈ Placebo Magenta
- FFEAE5
≈ Quartz Light Pink
ثلاثي +120° +240°
- FFE9ED
Rose Mochi
- EBF3E1
≈ White Mecca
- E3F2FF
≈ Wizard White
متمم منقسم +150° +210°
- FFE9ED
Rose Mochi
- E3F5E8
≈ After Dinner Mint
- DEF4FA
≈ Coastal Breeze
رباعي +90° +180° +270°
- FFE9ED
Rose Mochi
- F4F0DD
≈ Combed Cotton
- DEF5F1
≈ Glacier Bay
- EBEFFF
≈ Carte Blanche
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.15:1 · APCA Lc 7
Ag
AAAعلى الأسود
WCAG 18.13:1 · APCA Lc 97
أفضل لون للنص: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rose-mochi: #ffe9ed;
--rose-mochi-rgb: 255 233 237;
--rose-mochi-oklch: oklch(0.953 0.025 5.1);
}
.element {
color: var(--rose-mochi);
background-color: hsl(349 100% 96%);
border-color: oklch(0.953 0.025 5.1);
}Tailwind CSS v4
@theme {
--color-rose-mochi: #ffe9ed;
--color-rose-mochi-50: #fcf2f4;
--color-rose-mochi-100: #f0e5e6;
--color-rose-mochi-200: #ded0d2;
--color-rose-mochi-300: #c3b2b5;
--color-rose-mochi-400: #ac999c;
--color-rose-mochi-500: #958084;
--color-rose-mochi-600: #7e6c70;
--color-rose-mochi-700: #655659;
--color-rose-mochi-800: #4a3f41;
--color-rose-mochi-900: #332b2d;
--color-rose-mochi-950: #1f191a;
}SCSS
$rose-mochi: #ffe9ed;
$rose-mochi-rgb: 255, 233, 237;
$rose-mochi-light: mix(#fff, $rose-mochi, 20%);
$rose-mochi-dark: mix(#000, $rose-mochi, 20%);
.element {
color: $rose-mochi;
box-shadow: 0 0 0 2px rgba($rose-mochi, 0.35);
}