لون مسمّى · #DA9EC8
Rose Garden
Rose Garden هو #DA9EC8: rgb(218 158 200)، hsl(318 45% 74%)، oklch(0.769 0.09 337.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Rose Garden color name →
#DA9EC8
oklch(0.769 0.09 337.9)
تحويلات الألوان
- HEX
- #da9ec8
- RGB
- rgb(218 158 200)
- HSL
- hsl(318 45% 74%)
- HWB
- hwb(318 62% 15%)
- OKLCH
- oklch(0.769 0.09 337.9)
- OKLab
- oklab(0.769 0.083 -0.034)
- CIE Lab
- lab(71.97 27.82 -12.39)
- LCH
- lch(71.97 30.45 336)
- CMYK
- cmyk(0% 28% 8% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEA8CD
- E2B1D3
- E6BBD8
- EAC5DE
- EECEE3
- F1D8E9
- F5E2EE
- F8EBF4
- FCF5F9
درجات داكنة
- BD89AE
- A27494
- 87607B
- 6C4D63
- 543A4C
- 3C2936
- 251821
- 11090F
- 020102
درجات رمادية
- D19BC1
- C898B9
- BF95B2
- B692AB
- AD8FA3
- A48C9C
- 9B8995
- 92868E
- 898387
تناسق الألوان
متمم +180°
- DA9EC8
Rose Garden
- 82C69E
≈ Foul Green
متجاور -30° +30°
- DA9EC8
Rose Garden
- C4A5E0
≈ Enchanted Lavender
- E69CA9
≈ Vintage Victorian
ثلاثي +120° +240°
- DA9EC8
Rose Garden
- C3B571
≈ Kohlrabi
- 6CC2DA
≈ Squeaky
متمم منقسم +150° +210°
- DA9EC8
Rose Garden
- A3BF81
≈ Margarita
- 6AC7BE
≈ Nile Stone
رباعي +90° +180° +270°
- DA9EC8
Rose Garden
- DAA975
≈ Sweet Cashew
- 82C69E
≈ Foul Green
- 86B9EB
≈ Electric Eel
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.16:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.70:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rose-garden: #da9ec8;
--rose-garden-rgb: 218 158 200;
--rose-garden-oklch: oklch(0.769 0.09 337.9);
}
.element {
color: var(--rose-garden);
background-color: hsl(318 45% 74%);
border-color: oklch(0.769 0.09 337.9);
}Tailwind CSS v4
@theme {
--color-rose-garden: #da9ec8;
--color-rose-garden-50: #ffecfd;
--color-rose-garden-100: #feddf1;
--color-rose-garden-200: #f0c6e0;
--color-rose-garden-300: #d7a6c6;
--color-rose-garden-400: #c28ab1;
--color-rose-garden-500: #ad6e9b;
--color-rose-garden-600: #925e83;
--color-rose-garden-700: #754b69;
--color-rose-garden-800: #56364e;
--color-rose-garden-900: #3c2536;
--color-rose-garden-950: #261321;
}SCSS
$rose-garden: #da9ec8;
$rose-garden-rgb: 218, 158, 200;
$rose-garden-light: mix(#fff, $rose-garden, 20%);
$rose-garden-dark: mix(#000, $rose-garden, 20%);
.element {
color: $rose-garden;
box-shadow: 0 0 0 2px rgba($rose-garden, 0.35);
}