أقرب لون مسمّى · #B169D4
#B169D4
أقرب لون مسمّى: Lavender
#B169D4 (rgb(177 105 212)، hsl(280 55% 62%)، oklch(0.643 0.169 313.6)) أقرب إلى اللون المسمّى Lavender. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#B169D4
oklch(0.643 0.169 313.6)
تحويلات الألوان
- HEX
- #b169d4
- RGB
- rgb(177 105 212)
- HSL
- hsl(280 55% 62%)
- HWB
- hwb(280 41% 17%)
- OKLCH
- oklch(0.643 0.169 313.6)
- OKLab
- oklab(0.643 0.117 -0.122)
- CIE Lab
- lab(55.99 43.05 -43.99)
- LCH
- lch(55.99 61.55 314.4)
- CMYK
- cmyk(17% 50% 0% 17%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B979D9
- C188DE
- C997E3
- D1A6E7
- D8B5EC
- E0C4F0
- E8D2F4
- F0E1F8
- F7F0FB
درجات داكنة
- 995AB8
- 834C9D
- 6C3E83
- 573169
- 422451
- 2F183A
- 1C0C24
- 0C0410
- 010002
درجات رمادية
- AC6CCC
- A770C4
- A372BB
- 9E75B3
- 9977AB
- 9479A2
- 8F7B9A
- 8A7D91
- 857F89
تناسق الألوان
متمم +180°
- B169D4
Lavender
- 60A222
≈ Elven Olympics
متجاور -30° +30°
- B169D4
Lavender
- 827AEF
≈ Hera Blue
- D05CA7
≈ Pú Táo Zǐ Purple
ثلاثي +120° +240°
- B169D4
Lavender
- BE7E00
≈ Guo Tie Dumpling
- 00A1A0
≈ Aqua Velvet
متمم منقسم +150° +210°
- B169D4
Lavender
- 9C9000
≈ Smoothie Green
- 00A675
≈ Bluish Green
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.59:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.84:1 · APCA Lc 38
أفضل لون للنص: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lavender: #b169d4;
--lavender-rgb: 177 105 212;
--lavender-oklch: oklch(0.643 0.169 313.6);
}
.element {
color: var(--lavender);
background-color: hsl(280 55% 62%);
border-color: oklch(0.643 0.169 313.6);
}Tailwind CSS v4
@theme {
--color-lavender: #b169d4;
--color-lavender-50: #ffe7ff;
--color-lavender-100: #fed7ff;
--color-lavender-200: #f0beff;
--color-lavender-300: #d99cf2;
--color-lavender-400: #c27de4;
--color-lavender-500: #ad5dd3;
--color-lavender-600: #924fb2;
--color-lavender-700: #753f8f;
--color-lavender-800: #552e6c;
--color-lavender-900: #3c1f4c;
--color-lavender-950: #250e32;
}SCSS
$lavender: #b169d4;
$lavender-rgb: 177, 105, 212;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}