أقرب لون مسمّى · #C692CC
#C692CC
أقرب لون مسمّى: Violaceous
#C692CC (rgb(198 146 204)، hsl(294 36% 69%)، oklch(0.729 0.1 323)) أقرب إلى اللون المسمّى Violaceous. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#C692CC
oklch(0.729 0.1 323)
تحويلات الألوان
- HEX
- #c692cc
- RGB
- rgb(198 146 204)
- HSL
- hsl(294 36% 69%)
- HWB
- hwb(294 57% 20%)
- OKLCH
- oklch(0.729 0.1 323)
- OKLab
- oklab(0.729 0.08 -0.06)
- CIE Lab
- lab(67.15 27.5 -22.07)
- LCH
- lch(67.15 35.26 321.3)
- CMYK
- cmyk(3% 28% 0% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CC9DD1
- D2A8D6
- D8B2DC
- DDBDE1
- E3C8E6
- E9D3EB
- EEDEF0
- F4E9F5
- F9F4FA
درجات داكنة
- AC7EB1
- 926B97
- 7A587E
- 624665
- 4B354E
- 352537
- 211622
- 0E080F
- 020102
درجات رمادية
- BF90C4
- B88FBD
- B18DB5
- AA8BAD
- A38AA6
- 9C889E
- 958697
- 8E848F
- 878287
تناسق الألوان
متمم +180°
- C692CC
Violaceous
- 81B87E
≈ Colour Me Green
متجاور -30° +30°
- C692CC
Violaceous
- AA9CE1
≈ Dull Lavender
- D98DAD
≈ Berry Twist
ثلاثي +120° +240°
- C692CC
Violaceous
- C6A25A
≈ Sauterne
- 4BBAC3
≈ Sussie
متمم منقسم +150° +210°
- C692CC
Violaceous
- A8AE62
≈ April Green
- 5CBCA1
≈ Puerto Rico
رباعي +90° +180° +270°
- C692CC
Violaceous
- D9966B
≈ Summer’s End
- 81B87E
≈ Colour Me Green
- 61B2DC
≈ Milky Waves
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.50:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.38:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--violaceous: #c692cc;
--violaceous-rgb: 198 146 204;
--violaceous-oklch: oklch(0.729 0.1 323);
}
.element {
color: var(--violaceous);
background-color: hsl(294 36% 69%);
border-color: oklch(0.729 0.1 323);
}Tailwind CSS v4
@theme {
--color-violaceous: #c692cc;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #faddfb;
--color-violaceous-200: #ebc6ec;
--color-violaceous-300: #d2a6d4;
--color-violaceous-400: #bb8ac1;
--color-violaceous-500: #a66fac;
--color-violaceous-600: #8c5e92;
--color-violaceous-700: #704b75;
--color-violaceous-800: #523657;
--color-violaceous-900: #39253d;
--color-violaceous-950: #231427;
}SCSS
$violaceous: #c692cc;
$violaceous-rgb: 198, 146, 204;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}