لون مسمّى · #FAD0D1
Fading Rose
Fading Rose هو #FAD0D1: rgb(250 208 209)، hsl(359 81% 90%)، oklch(0.894 0.047 16.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Fading Rose color name →
#FAD0D1
oklch(0.894 0.047 16.5)
تحويلات الألوان
- HEX
- #fad0d1
- RGB
- rgb(250 208 209)
- HSL
- hsl(359 81% 90%)
- HWB
- hwb(359 82% 2%)
- OKLCH
- oklch(0.894 0.047 16.5)
- OKLab
- oklab(0.894 0.045 0.013)
- CIE Lab
- lab(87.17 15.33 5.33)
- LCH
- lch(87.17 16.23 19.2)
- CMYK
- cmyk(0% 17% 16% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBD5D6
- FBD9DA
- FCDEDF
- FDE3E3
- FDE7E8
- FEECEC
- FEF1F1
- FEF6F6
- FFFAFA
درجات داكنة
- D9B5B5
- BA9A9B
- 9B8081
- 7D6768
- 614F50
- 463939
- 2D2323
- 151010
- 030202
درجات رمادية
- EDC8C9
- E1C0C0
- D4B7B8
- C8AFB0
- BCA7A8
- AF9FA0
- A39798
- 979090
- 8C8888
تناسق الألوان
متمم +180°
- FAD0D1
Fading Rose
- B8E6E6
≈ Refreshing Pool
متجاور -30° +30°
- FAD0D1
Fading Rose
- F5D0E2
≈ Minimal Rose
- F8D3C2
≈ Demure Pink
ثلاثي +120° +240°
- FAD0D1
Fading Rose
- CEE4C5
≈ Irish Folklore
- C8DEFC
≈ Arc Light
متمم منقسم +150° +210°
- FAD0D1
Fading Rose
- BFE7D5
≈ Aero Blue
- BCE3F4
≈ Breaking the Ice
رباعي +90° +180° +270°
- FAD0D1
Fading Rose
- DFDFBB
≈ Forest Found
- B8E6E6
≈ Refreshing Pool
- D9D8FB
≈ Japan Blush
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.39:1 · APCA Lc 19
Ag
AAAعلى الأسود
WCAG 15.00:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fading-rose: #fad0d1;
--fading-rose-rgb: 250 208 209;
--fading-rose-oklch: oklch(0.894 0.047 16.5);
}
.element {
color: var(--fading-rose);
background-color: hsl(359 81% 90%);
border-color: oklch(0.894 0.047 16.5);
}Tailwind CSS v4
@theme {
--color-fading-rose: #fad0d1;
--color-fading-rose-50: #fff0f0;
--color-fading-rose-100: #f8e2e2;
--color-fading-rose-200: #e8cdcc;
--color-fading-rose-300: #cfaeae;
--color-fading-rose-400: #b99495;
--color-fading-rose-500: #a37a7b;
--color-fading-rose-600: #8a6768;
--color-fading-rose-700: #6f5253;
--color-fading-rose-800: #523c3d;
--color-fading-rose-900: #39292a;
--color-fading-rose-950: #231718;
}SCSS
$fading-rose: #fad0d1;
$fading-rose-rgb: 250, 208, 209;
$fading-rose-light: mix(#fff, $fading-rose, 20%);
$fading-rose-dark: mix(#000, $fading-rose, 20%);
.element {
color: $fading-rose;
box-shadow: 0 0 0 2px rgba($fading-rose, 0.35);
}