色名 · #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);
}