أقرب لون مسمّى · #DECAD4
#DECAD4
أقرب لون مسمّى: Light Lilac
#DECAD4 (rgb(222 202 212)، hsl(330 23% 83%)، oklch(0.858 0.026 345.9)) أقرب إلى اللون المسمّى Light Lilac. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DECAD4
oklch(0.858 0.026 345.9)
تحويلات الألوان
- HEX
- #decad4
- RGB
- rgb(222 202 212)
- HSL
- hsl(330 23% 83%)
- HWB
- hwb(330 79% 13%)
- OKLCH
- oklch(0.858 0.026 345.9)
- OKLab
- oklab(0.858 0.025 -0.006)
- CIE Lab
- lab(83.22 8.5 -2.32)
- LCH
- lch(83.22 8.81 344.8)
- CMYK
- cmyk(0% 9% 5% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1CFD8
- E5D4DC
- E8DAE1
- EBDFE5
- EFE4E9
- F2EAEE
- F5EFF2
- F8F4F6
- FCFAFB
درجات داكنة
- C1AFB8
- A5959D
- 897C83
- 6F6469
- 554D51
- 3D373A
- 262224
- 120F10
- 020202
درجات رمادية
- D4C2CB
- CBBBC3
- C1B3BA
- B7ACB1
- AEA4A9
- A59DA1
- 9B9698
- 928E90
- 898788
تناسق الألوان
متمم +180°
- DECAD4
Light Lilac
- C1D6CC
≈ Meadow Lane
متجاور -30° +30°
- DECAD4
Light Lilac
- D7CCDC
≈ Dusky Lilac
- E1CACB
≈ Youth
ثلاثي +120° +240°
- DECAD4
Light Lilac
- D2D2BF
≈ Spooky
- BFD4DE
≈ Winterscape
متمم منقسم +150° +210°
- DECAD4
Light Lilac
- C9D5C4
≈ Green Lane
- BED6D6
≈ Wind Speed
رباعي +90° +180° +270°
- DECAD4
Light Lilac
- DBCFBE
≈ Buff It
- C1D6CC
≈ Meadow Lane
- C6D2E2
≈ Pale Periwinkle
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.55:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.50:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-lilac: #decad4;
--light-lilac-rgb: 222 202 212;
--light-lilac-oklch: oklch(0.858 0.026 345.9);
}
.element {
color: var(--light-lilac);
background-color: hsl(330 23% 83%);
border-color: oklch(0.858 0.026 345.9);
}Tailwind CSS v4
@theme {
--color-light-lilac: #decad4;
--color-light-lilac-50: #fbf2f6;
--color-light-lilac-100: #efe4e9;
--color-light-lilac-200: #ddd0d6;
--color-light-lilac-300: #c2b2ba;
--color-light-lilac-400: #ab99a2;
--color-light-lilac-500: #94808a;
--color-light-lilac-600: #7d6c75;
--color-light-lilac-700: #64565d;
--color-light-lilac-800: #493f45;
--color-light-lilac-900: #332b2f;
--color-light-lilac-950: #1e191c;
}SCSS
$light-lilac: #decad4;
$light-lilac-rgb: 222, 202, 212;
$light-lilac-light: mix(#fff, $light-lilac, 20%);
$light-lilac-dark: mix(#000, $light-lilac, 20%);
.element {
color: $light-lilac;
box-shadow: 0 0 0 2px rgba($light-lilac, 0.35);
}