أقرب لون مسمّى · #AD6BBF
#AD6BBF
أقرب لون مسمّى: Lavendless
#AD6BBF (rgb(173 107 191)، hsl(287 40% 58%)، oklch(0.631 0.141 318.8)) أقرب إلى اللون المسمّى Lavendless. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#AD6BBF
oklch(0.631 0.141 318.8)
تحويلات الألوان
- HEX
- #ad6bbf
- RGB
- rgb(173 107 191)
- HSL
- hsl(287 40% 58%)
- HWB
- hwb(287 42% 25%)
- OKLCH
- oklch(0.631 0.141 318.8)
- OKLab
- oklab(0.631 0.106 -0.093)
- CIE Lab
- lab(55.07 37.44 -33.55)
- LCH
- lch(55.07 50.27 318.1)
- CMYK
- cmyk(9% 44% 0% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B57AC6
- BE89CD
- C697D3
- CEA6DA
- D7B5E0
- DFC3E6
- E7D2ED
- EFE1F3
- F7F0F9
درجات داكنة
- 965CA6
- 7F4E8D
- 6A3F75
- 55325E
- 412548
- 2D1833
- 1B0D1F
- 0B040D
- 010002
درجات رمادية
- A96EB9
- A471B3
- A073AC
- 9C75A6
- 9777A0
- 93799A
- 8E7B93
- 897D8D
- 857F87
تناسق الألوان
متمم +180°
- AD6BBF
Lavendless
- 5A9D45
≈ Calm Balm
متجاور -30° +30°
- AD6BBF
Lavendless
- 8879D8
≈ Indigo Bloom
- C66297
≈ Ibis Rose
ثلاثي +120° +240°
- AD6BBF
Lavendless
- B37E00
≈ Golden Brown
- 009DA2
≈ Island Dream
متمم منقسم +150° +210°
- AD6BBF
Lavendless
- 918F00
≈ Old Asparagus
- 00A17C
≈ Sport Green
رباعي +90° +180° +270°
- AD6BBF
Lavendless
- CC6B32
≈ Hot Caramel
- 5A9D45
≈ Calm Balm
- 0096C5
≈ Atomic Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.72:1 · APCA Lc 65
Ag
AAعلى الأسود
WCAG 5.63:1 · APCA Lc 37
أفضل لون للنص: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lavendless: #ad6bbf;
--lavendless-rgb: 173 107 191;
--lavendless-oklch: oklch(0.631 0.141 318.8);
}
.element {
color: var(--lavendless);
background-color: hsl(287 40% 58%);
border-color: oklch(0.631 0.141 318.8);
}Tailwind CSS v4
@theme {
--color-lavendless: #ad6bbf;
--color-lavendless-50: #ffe9ff;
--color-lavendless-100: #fed9ff;
--color-lavendless-200: #f0c1f9;
--color-lavendless-300: #d89fe3;
--color-lavendless-400: #c282d3;
--color-lavendless-500: #ad64c1;
--color-lavendless-600: #9255a3;
--color-lavendless-700: #754483;
--color-lavendless-800: #553162;
--color-lavendless-900: #3c2145;
--color-lavendless-950: #25102d;
}SCSS
$lavendless: #ad6bbf;
$lavendless-rgb: 173, 107, 191;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}