أقرب لون مسمّى · #DFC2DA
#DFC2DA
أقرب لون مسمّى: Sweet Dreams
#DFC2DA (rgb(223 194 218)، hsl(310 31% 82%)، oklch(0.846 0.046 331.7)) أقرب إلى اللون المسمّى Sweet Dreams. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DFC2DA
oklch(0.846 0.046 331.7)
تحويلات الألوان
- HEX
- #dfc2da
- RGB
- rgb(223 194 218)
- HSL
- hsl(310 31% 82%)
- HWB
- hwb(310 76% 13%)
- OKLCH
- oklch(0.846 0.046 331.7)
- OKLab
- oklab(0.846 0.04 -0.022)
- CIE Lab
- lab(81.48 13.66 -8.04)
- LCH
- lch(81.48 15.85 329.5)
- CMYK
- cmyk(0% 13% 2% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2C8DE
- E6CEE1
- E9D4E5
- ECDAE9
- EFE0EC
- F2E6F0
- F6ECF4
- F9F3F8
- FCF9FB
درجات داكنة
- C2A8BD
- A58FA2
- 8A7787
- 6F606C
- 564954
- 3D343C
- 272025
- 120E11
- 020202
درجات رمادية
- D5BBD1
- CBB4C7
- C2AEBE
- B8A7B5
- AEA0AC
- A59AA3
- 9C939A
- 928D91
- 898689
تناسق الألوان
متمم +180°
- DFC2DA
Sweet Dreams
- B7D5BE
≈ Surf
متجاور -30° +30°
- DFC2DA
Sweet Dreams
- D1C6E6
≈ Italian Fitch
- E7C1CA
≈ Primrose Pink
ثلاثي +120° +240°
- DFC2DA
Sweet Dreams
- D7CCAB
≈ Dance With the Wind
- ABD5DE
≈ Light Sea Spray
متمم منقسم +150° +210°
- DFC2DA
Sweet Dreams
- C7D2B1
≈ Hidden Hills
- ACD7CE
≈ Scandal
رباعي +90° +180° +270°
- DFC2DA
Sweet Dreams
- E3C6AF
≈ Cockleshell
- B7D5BE
≈ Surf
- B3D1E8
≈ Chapel Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.63:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.86:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sweet-dreams: #dfc2da;
--sweet-dreams-rgb: 223 194 218;
--sweet-dreams-oklch: oklch(0.846 0.046 331.7);
}
.element {
color: var(--sweet-dreams);
background-color: hsl(310 31% 82%);
border-color: oklch(0.846 0.046 331.7);
}Tailwind CSS v4
@theme {
--color-sweet-dreams: #dfc2da;
--color-sweet-dreams-50: #fef1fb;
--color-sweet-dreams-100: #f2e2ee;
--color-sweet-dreams-200: #e1cddc;
--color-sweet-dreams-300: #c7afc1;
--color-sweet-dreams-400: #af95ab;
--color-sweet-dreams-500: #997b94;
--color-sweet-dreams-600: #81697d;
--color-sweet-dreams-700: #675364;
--color-sweet-dreams-800: #4c3d4a;
--color-sweet-dreams-900: #352a33;
--color-sweet-dreams-950: #20171f;
}SCSS
$sweet-dreams: #dfc2da;
$sweet-dreams-rgb: 223, 194, 218;
$sweet-dreams-light: mix(#fff, $sweet-dreams, 20%);
$sweet-dreams-dark: mix(#000, $sweet-dreams, 20%);
.element {
color: $sweet-dreams;
box-shadow: 0 0 0 2px rgba($sweet-dreams, 0.35);
}