أقرب لون مسمّى · #DCA3D4
#DCA3D4
أقرب لون مسمّى: Velvet Horizon
#DCA3D4 (rgb(220 163 212)، hsl(308 45% 75%)، oklch(0.784 0.093 331.3)) أقرب إلى اللون المسمّى Velvet Horizon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DCA3D4
oklch(0.784 0.093 331.3)
تحويلات الألوان
- HEX
- #dca3d4
- RGB
- rgb(220 163 212)
- HSL
- hsl(308 45% 75%)
- HWB
- hwb(308 64% 14%)
- OKLCH
- oklch(0.784 0.093 331.3)
- OKLab
- oklab(0.784 0.082 -0.045)
- CIE Lab
- lab(73.66 27.54 -16.42)
- LCH
- lch(73.66 32.06 329.2)
- CMYK
- cmyk(0% 26% 4% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0ACD8
- E4B5DD
- E7BEE1
- EBC8E5
- EED1EA
- F2DAEE
- F5E3F2
- F9ECF7
- FCF6FB
درجات داكنة
- BF8DB8
- A3789D
- 886383
- 6E4F69
- 543C51
- 3C2A3A
- 261924
- 110A10
- 020102
درجات رمادية
- D3A0CB
- C99CC3
- C099BA
- B795B2
- AE92A9
- A48EA1
- 9B8B99
- 928790
- 898488
تناسق الألوان
متمم +180°
- DCA3D4
Velvet Horizon
- 8CCA9B
≈ Frost Gum
متجاور -30° +30°
- DCA3D4
Velvet Horizon
- C3ABEB
≈ Purple Sand
- EBA0B5
≈ Pegeen Peony
ثلاثي +120° +240°
- DCA3D4
Velvet Horizon
- CFB771
≈ Sweet Mustard
- 6AC9DB
≈ Betsy
متمم منقسم +150° +210°
- DCA3D4
Velvet Horizon
- AFC27E
≈ Gnome Green
- 6FCCBC
≈ Jolly Jade
رباعي +90° +180° +270°
- DCA3D4
Velvet Horizon
- E4AB7A
≈ Sun Bleached Ochre
- 8CCA9B
≈ Frost Gum
- 81C1EF
≈ Watery Sea
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.05:1 · APCA Lc 40
Ag
AAAعلى الأسود
WCAG 10.23:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--velvet-horizon: #dca3d4;
--velvet-horizon-rgb: 220 163 212;
--velvet-horizon-oklch: oklch(0.784 0.093 331.3);
}
.element {
color: var(--velvet-horizon);
background-color: hsl(308 45% 75%);
border-color: oklch(0.784 0.093 331.3);
}Tailwind CSS v4
@theme {
--color-velvet-horizon: #dca3d4;
--color-velvet-horizon-50: #ffecff;
--color-velvet-horizon-100: #fcddf5;
--color-velvet-horizon-200: #eec6e5;
--color-velvet-horizon-300: #d5a6cc;
--color-velvet-horizon-400: #bf8ab8;
--color-velvet-horizon-500: #aa6fa2;
--color-velvet-horizon-600: #8f5e89;
--color-velvet-horizon-700: #734b6e;
--color-velvet-horizon-800: #543652;
--color-velvet-horizon-900: #3b2539;
--color-velvet-horizon-950: #251423;
}SCSS
$velvet-horizon: #dca3d4;
$velvet-horizon-rgb: 220, 163, 212;
$velvet-horizon-light: mix(#fff, $velvet-horizon, 20%);
$velvet-horizon-dark: mix(#000, $velvet-horizon, 20%);
.element {
color: $velvet-horizon;
box-shadow: 0 0 0 2px rgba($velvet-horizon, 0.35);
}