Cor nomeada · #C8CEC3
Cipollino
Cipollino é #C8CEC3: rgb(200 206 195), hsl(93 10% 79%), oklch(0.844 0.016 130.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cipollino color name →
#C8CEC3
oklch(0.844 0.016 130.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- CDD3C9
- D3D8CF
- D8DDD5
- DEE1DB
- E3E6E1
- E9EBE7
- EEF0ED
- F4F5F3
- F9FAF9
Sombras
- AEB3A9
- 949890
- 7B7F78
- 636660
- 4C4E4A
- 363834
- 212320
- 0F0F0E
- 020202
Tons
- C1C6BC
- B9BEB5
- B2B6AE
- ABAEA8
- A3A6A1
- 9C9E9A
- 959794
- 8E8F8D
- 878786
Harmonias de cor
Complementar +180°
- C8CEC3
Cipollino
- CFC9D4
≈ Chrome Chalice
Análoga -30° +30°
- C8CEC3
Cipollino
- CECCC0
≈ Metallic Mist
- C3CFC8
≈ Azul Tequila
Tríade +120° +240°
- C8CEC3
Cipollino
- C4CDD6
≈ Orchid Ash
- D6C8C9
≈ Light Pink Polar
Complementar dividida +150° +210°
- C8CEC3
Cipollino
- C9CBD7
≈ Lilac Hint
- D4C8CF
≈ Rosy Lavender
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.07:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
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);
}