لون مسمّى · #92698F
Chinese Violet
Chinese Violet هو #92698F: rgb(146 105 143)، hsl(304 16% 49%)، oklch(0.576 0.075 329). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Chinese Violet color name →
#92698F
oklch(0.576 0.075 329)
تحويلات الألوان
- HEX
- #92698f
- RGB
- rgb(146 105 143)
- HSL
- hsl(304 16% 49%)
- HWB
- hwb(304 41% 43%)
- OKLCH
- oklch(0.576 0.075 329)
- OKLab
- oklab(0.576 0.064 -0.039)
- CIE Lab
- lab(49.72 21.79 -14.2)
- LCH
- lch(49.72 26.01 326.9)
- CMYK
- cmyk(0% 28% 2% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9D779A
- A886A5
- B294B0
- BDA3BB
- C8B2C6
- D3C1D1
- DED0DC
- E9E0E8
- F4EFF3
درجات داكنة
- 7E5A7C
- 6B4C69
- 583E57
- 463145
- 352434
- 251824
- 160C15
- 080407
- 010001
درجات رمادية
- 906B8E
- 8F6E8C
- 8D708B
- 8B7389
- 8A7588
- 887786
- 867985
- 847C83
- 827E82
تناسق الألوان
متمم +180°
- 92698F
Chinese Violet
- 598661
≈ Spring Garden
متجاور -30° +30°
- 92698F
Chinese Violet
- 7F6FA0
≈ Queen’s
- 9E6678
≈ Mellow Mauve
ثلاثي +120° +240°
- 92698F
Chinese Violet
- 8B7743
≈ Bengal Grass
- 3B8591
≈ Precious Stone
متمم منقسم +150° +210°
- 92698F
Chinese Violet
- 74804C
≈ Turf War
- 41887A
≈ Carlisle
رباعي +90° +180° +270°
- 92698F
Chinese Violet
- 9A6E4B
≈ Chocolate Milk
- 598661
≈ Spring Garden
- 4D7FA1
≈ Borage
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.52:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.63:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chinese-violet: #92698f;
--chinese-violet-rgb: 146 105 143;
--chinese-violet-oklch: oklch(0.576 0.075 329);
}
.element {
color: var(--chinese-violet);
background-color: hsl(304 16% 49%);
border-color: oklch(0.576 0.075 329);
}Tailwind CSS v4
@theme {
--color-chinese-violet: #92698f;
--color-chinese-violet-50: #ffeeff;
--color-chinese-violet-100: #f7dff4;
--color-chinese-violet-200: #e8c9e3;
--color-chinese-violet-300: #cfaac9;
--color-chinese-violet-400: #b88fb4;
--color-chinese-violet-500: #a2749f;
--color-chinese-violet-600: #896286;
--color-chinese-violet-700: #6e4f6b;
--color-chinese-violet-800: #503950;
--color-chinese-violet-900: #382738;
--color-chinese-violet-950: #221522;
}SCSS
$chinese-violet: #92698f;
$chinese-violet-rgb: 146, 105, 143;
$chinese-violet-light: mix(#fff, $chinese-violet, 20%);
$chinese-violet-dark: mix(#000, $chinese-violet, 20%);
.element {
color: $chinese-violet;
box-shadow: 0 0 0 2px rgba($chinese-violet, 0.35);
}