لون مسمّى · #C8CEC3
Cipollino
Cipollino هو #C8CEC3: rgb(200 206 195)، hsl(93 10% 79%)، oklch(0.844 0.016 130.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Cipollino color name →
#C8CEC3
oklch(0.844 0.016 130.4)
تحويلات الألوان
- HEX
- #c8cec3
- RGB
- rgb(200 206 195)
- HSL
- hsl(93 10% 79%)
- HWB
- hwb(93 76% 19%)
- OKLCH
- oklch(0.844 0.016 130.4)
- OKLab
- oklab(0.844 -0.011 0.012)
- CIE Lab
- lab(82.06 -3.62 4.74)
- LCH
- lch(82.06 5.96 127.4)
- CMYK
- cmyk(3% 0% 5% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDD3C9
- D3D8CF
- D8DDD5
- DEE1DB
- E3E6E1
- E9EBE7
- EEF0ED
- F4F5F3
- F9FAF9
درجات داكنة
- AEB3A9
- 949890
- 7B7F78
- 636660
- 4C4E4A
- 363834
- 212320
- 0F0F0E
- 020202
درجات رمادية
- C1C6BC
- B9BEB5
- B2B6AE
- ABAEA8
- A3A6A1
- 9C9E9A
- 959794
- 8E8F8D
- 878786
تناسق الألوان
متمم +180°
- C8CEC3
Cipollino
- CFC9D4
≈ Chrome Chalice
متجاور -30° +30°
- C8CEC3
Cipollino
- CECCC0
≈ Metallic Mist
- C3CFC8
≈ Azul Tequila
ثلاثي +120° +240°
- C8CEC3
Cipollino
- C4CDD6
≈ Orchid Ash
- D6C8C9
≈ Light Pink Polar
متمم منقسم +150° +210°
- C8CEC3
Cipollino
- C9CBD7
≈ Lilac Hint
- D4C8CF
≈ Rosy Lavender
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.60:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.07:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cipollino: #c8cec3;
--cipollino-rgb: 200 206 195;
--cipollino-oklch: oklch(0.844 0.016 130.4);
}
.element {
color: var(--cipollino);
background-color: hsl(93 10% 79%);
border-color: oklch(0.844 0.016 130.4);
}Tailwind CSS v4
@theme {
--color-cipollino: #c8cec3;
--color-cipollino-50: #f3f6f1;
--color-cipollino-100: #e6e9e3;
--color-cipollino-200: #d1d6cf;
--color-cipollino-300: #b4b9b1;
--color-cipollino-400: #9ba097;
--color-cipollino-500: #82897d;
--color-cipollino-600: #6e746a;
--color-cipollino-700: #585c55;
--color-cipollino-800: #41443e;
--color-cipollino-900: #2d2f2a;
--color-cipollino-950: #1a1b18;
}SCSS
$cipollino: #c8cec3;
$cipollino-rgb: 200, 206, 195;
$cipollino-light: mix(#fff, $cipollino, 20%);
$cipollino-dark: mix(#000, $cipollino, 20%);
.element {
color: $cipollino;
box-shadow: 0 0 0 2px rgba($cipollino, 0.35);
}