أقرب لون مسمّى · #DE98B9
#DE98B9
أقرب لون مسمّى: Sweet Perfume
#DE98B9 (rgb(222 152 185)، hsl(332 51% 73%)، oklch(0.758 0.093 349.7)) أقرب إلى اللون المسمّى Sweet Perfume. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DE98B9
oklch(0.758 0.093 349.7)
تحويلات الألوان
- HEX
- #de98b9
- RGB
- rgb(222 152 185)
- HSL
- hsl(332 51% 73%)
- HWB
- hwb(332 60% 13%)
- OKLCH
- oklch(0.758 0.093 349.7)
- OKLab
- oklab(0.758 0.092 -0.017)
- CIE Lab
- lab(70.67 30.49 -5.98)
- LCH
- lch(70.67 31.08 348.9)
- CMYK
- cmyk(0% 32% 17% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2A2C0
- E6ACC7
- E9B7CE
- EDC1D5
- F0CBDC
- F4D5E3
- F7E0EA
- FAEAF1
- FCF5F8
درجات داكنة
- C184A0
- A57089
- 895C71
- 6F4A5B
- 553846
- 3D2731
- 26171E
- 12080D
- 020102
درجات رمادية
- D596B3
- CB94AD
- C291A8
- B98FA2
- AF8D9C
- A68A96
- 9C8891
- 93858B
- 8A8386
تناسق الألوان
متمم +180°
- DE98B9
Sweet Perfume
- 6FC4A7
≈ Gem Silica
متجاور -30° +30°
- DE98B9
Sweet Perfume
- CB9DD6
≈ Autumn Wisteria
- E69898
≈ Franken Berry
ثلاثي +120° +240°
- DE98B9
Sweet Perfume
- B4B66E
≈ Olive Oil
- 6DBCE0
≈ Clear Weather
متمم منقسم +150° +210°
- DE98B9
Sweet Perfume
- 91BF86
≈ Hearty Hosta
- 5FC3C7
≈ Gem Turquoise
رباعي +90° +180° +270°
- DE98B9
Sweet Perfume
- D0AA6A
≈ More Maple
- 6FC4A7
≈ Gem Silica
- 8DB2EC
≈ Fly Away
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.25:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.29:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sweet-perfume: #de98b9;
--sweet-perfume-rgb: 222 152 185;
--sweet-perfume-oklch: oklch(0.758 0.093 349.7);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(332 51% 73%);
border-color: oklch(0.758 0.093 349.7);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #de98b9;
--color-sweet-perfume-50: #ffebf8;
--color-sweet-perfume-100: #ffdceb;
--color-sweet-perfume-200: #f5c4d9;
--color-sweet-perfume-300: #dea4bd;
--color-sweet-perfume-400: #c988a6;
--color-sweet-perfume-500: #b46b8f;
--color-sweet-perfume-600: #985b79;
--color-sweet-perfume-700: #7a4961;
--color-sweet-perfume-800: #5a3548;
--color-sweet-perfume-900: #3f2432;
--color-sweet-perfume-950: #28131e;
}SCSS
$sweet-perfume: #de98b9;
$sweet-perfume-rgb: 222, 152, 185;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}