أقرب لون مسمّى · #E1B4D6
#E1B4D6
أقرب لون مسمّى: Violet Vamp
#E1B4D6 (rgb(225 180 214)، hsl(315 43% 79%)، oklch(0.82 0.068 335)) أقرب إلى اللون المسمّى Violet Vamp. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E1B4D6
oklch(0.82 0.068 335)
تحويلات الألوان
- HEX
- #e1b4d6
- RGB
- rgb(225 180 214)
- HSL
- hsl(315 43% 79%)
- HWB
- hwb(315 71% 12%)
- OKLCH
- oklch(0.82 0.068 335)
- OKLab
- oklab(0.82 0.062 -0.029)
- CIE Lab
- lab(78.2 20.91 -10.69)
- LCH
- lch(78.2 23.49 332.9)
- CMYK
- cmyk(0% 20% 5% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4BBDA
- E7C3DE
- EBCAE2
- EED2E6
- F1D9EA
- F4E1EF
- F7E8F3
- F9F0F7
- FCF7FB
درجات داكنة
- C49CBA
- A7859E
- 8B6E84
- 70586A
- 564452
- 3E303B
- 271D25
- 120C10
- 020202
درجات رمادية
- D7AFCD
- CDAAC4
- C3A4BB
- B99FB3
- B09AAA
- A695A2
- 9C8F99
- 938A91
- 898588
تناسق الألوان
متمم +180°
- E1B4D6
Violet Vamp
- A1D2B1
≈ Merrylyn
متجاور -30° +30°
- E1B4D6
Violet Vamp
- CEBAE8
≈ Connecticut Lilac
- ECB2BE
≈ Frozen Veins
ثلاثي +120° +240°
- E1B4D6
Violet Vamp
- D2C492
≈ Vast Escape
- 90D0E0
≈ Washed Blue
متمم منقسم +150° +210°
- E1B4D6
Violet Vamp
- BACD9C
≈ White Grape
- 91D3CA
≈ Green Daze
رباعي +90° +180° +270°
- E1B4D6
Violet Vamp
- E4BC96
≈ Fresh Praline
- A1D2B1
≈ Merrylyn
- 9FCAEE
≈ Baby Blue Eyes
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.79:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.70:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--violet-vamp: #e1b4d6;
--violet-vamp-rgb: 225 180 214;
--violet-vamp-oklch: oklch(0.82 0.068 335);
}
.element {
color: var(--violet-vamp);
background-color: hsl(315 43% 79%);
border-color: oklch(0.82 0.068 335);
}Tailwind CSS v4
@theme {
--color-violet-vamp: #e1b4d6;
--color-violet-vamp-50: #ffeefc;
--color-violet-vamp-100: #f8e0f0;
--color-violet-vamp-200: #e8cadf;
--color-violet-vamp-300: #cfabc4;
--color-violet-vamp-400: #b990af;
--color-violet-vamp-500: #a37598;
--color-violet-vamp-600: #8a6381;
--color-violet-vamp-700: #6e4f67;
--color-violet-vamp-800: #513a4d;
--color-violet-vamp-900: #382735;
--color-violet-vamp-950: #231520;
}SCSS
$violet-vamp: #e1b4d6;
$violet-vamp-rgb: 225, 180, 214;
$violet-vamp-light: mix(#fff, $violet-vamp, 20%);
$violet-vamp-dark: mix(#000, $violet-vamp, 20%);
.element {
color: $violet-vamp;
box-shadow: 0 0 0 2px rgba($violet-vamp, 0.35);
}