أقرب لون مسمّى · #E367F3
#E367F3
أقرب لون مسمّى: Venus Slipper Orchid
#E367F3 (rgb(227 103 243)، hsl(293 85% 68%)، oklch(0.716 0.226 323)) أقرب إلى اللون المسمّى Venus Slipper Orchid. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E367F3
oklch(0.716 0.226 323)
تحويلات الألوان
- HEX
- #e367f3
- RGB
- rgb(227 103 243)
- HSL
- hsl(293 85% 68%)
- HWB
- hwb(293 40% 5%)
- OKLCH
- oklch(0.716 0.226 323)
- OKLab
- oklab(0.716 0.18 -0.136)
- CIE Lab
- lab(63.55 62.91 -48.87)
- LCH
- lch(63.55 79.66 322.2)
- CMYK
- cmyk(7% 58% 0% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E779F5
- EB89F7
- EE99F9
- F1A9FA
- F4B7FB
- F7C6FD
- F9D4FE
- FCE3FE
- FDF1FF
درجات داكنة
- C559D3
- A84BB4
- 8C3D97
- 71307A
- 57235E
- 3F1744
- 270C2B
- 120414
- 030003
درجات رمادية
- D96CE7
- D070DC
- C674D0
- BC77C5
- B379BA
- A97BAE
- 9F7DA3
- 957E97
- 8A7F8C
تناسق الألوان
متمم +180°
- E367F3
Venus Slipper Orchid
- 27C42B
≈ Felwood Leaves
متجاور -30° +30°
- E367F3
Venus Slipper Orchid
- A88DFF
≈ Lilac Geode
- FF60AF
≈ Girls Night Out
ثلاثي +120° +240°
- E367F3
Venus Slipper Orchid
- D09900
≈ Leopard
- 00B9C5
≈ Lago Blue
متمم منقسم +150° +210°
- E367F3
Venus Slipper Orchid
- A5AD00
≈ Honey and Thyme
- 00BF9B
≈ First Post
رباعي +90° +180° +270°
- E367F3
Venus Slipper Orchid
- F87C00
≈ Pumpkin Orange
- 27C42B
≈ Felwood Leaves
- 00B1F0
≈ Democrat
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.50:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--venus-slipper-orchid: #e367f3;
--venus-slipper-orchid-rgb: 227 103 243;
--venus-slipper-orchid-oklch: oklch(0.716 0.226 323);
}
.element {
color: var(--venus-slipper-orchid);
background-color: hsl(293 85% 68%);
border-color: oklch(0.716 0.226 323);
}Tailwind CSS v4
@theme {
--color-venus-slipper-orchid: #e367f3;
--color-venus-slipper-orchid-50: #ffdfff;
--color-venus-slipper-orchid-100: #ffceff;
--color-venus-slipper-orchid-200: #ffb2ff;
--color-venus-slipper-orchid-300: #f08bf6;
--color-venus-slipper-orchid-400: #db66ea;
--color-venus-slipper-orchid-500: #c83ada;
--color-venus-slipper-orchid-600: #a933b8;
--color-venus-slipper-orchid-700: #882994;
--color-venus-slipper-orchid-800: #631d70;
--color-venus-slipper-orchid-900: #46134f;
--color-venus-slipper-orchid-950: #2d0435;
}SCSS
$venus-slipper-orchid: #e367f3;
$venus-slipper-orchid-rgb: 227, 103, 243;
$venus-slipper-orchid-light: mix(#fff, $venus-slipper-orchid, 20%);
$venus-slipper-orchid-dark: mix(#000, $venus-slipper-orchid, 20%);
.element {
color: $venus-slipper-orchid;
box-shadow: 0 0 0 2px rgba($venus-slipper-orchid, 0.35);
}