色名 · #CFCCC5
Chic Grey
Chic Greyは#CFCCC5：rgb(207 204 197)、hsl(42 9% 79%)、oklch(0.846 0.01 87.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Chic Grey color name →
#CFCCC5
oklch(0.846 0.01 87.5)
カラー変換
- HEX
- #cfccc5
- RGB
- rgb(207 204 197)
- HSL
- hsl(42 9% 79%)
- HWB
- hwb(42 77% 19%)
- OKLCH
- oklch(0.846 0.01 87.5)
- OKLab
- oklab(0.846 0 0.01)
- CIE Lab
- lab(82.14 0.15 3.88)
- LCH
- lch(82.14 3.89 87.8)
- CMYK
- cmyk(0% 1% 5% 19%)
ティント · シェード · トーン
ティント
- D4D1CB
- D8D6D0
- DDDBD6
- E2E0DC
- E7E5E2
- ECEAE7
- F0EFED
- F5F5F3
- FAFAF9
シェード
- B4B1AB
- 999792
- 7F7E79
- 676561
- 4F4E4B
- 383735
- 232221
- 100F0E
- 020202
トーン
- C7C4BE
- BFBCB7
- B7B5B0
- AFADA9
- A7A5A2
- 9F9E9B
- 979694
- 8F8F8D
- 888787
カラーハーモニー
補色 +180°
- CFCCC5
Chic Grey
- C9CCD3
≈ Humid Cave
類似色 -30° +30°
- CFCCC5
Chic Grey
- D2CBC6
≈ Desolate Field
- CCCDC6
≈ Sweater Weather
トライアド +120° +240°
- CFCCC5
Chic Grey
- C5CED0
≈ Lark Wing
- D0CAD0
≈ El Niño
スプリットコンプリメンタリー +150° +210°
- CFCCC5
Chic Grey
- C6CDD2
≈ Ephemeral Mist
- CDCBD2
≈ Ghostly Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.09:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--chic-grey: #cfccc5;
--chic-grey-rgb: 207 204 197;
--chic-grey-oklch: oklch(0.846 0.01 87.5);
}
.element {
color: var(--chic-grey);
background-color: hsl(42 9% 79%);
border-color: oklch(0.846 0.01 87.5);
}Tailwind CSS v4
@theme {
--color-chic-grey: #cfccc5;
--color-chic-grey-50: #f6f5f2;
--color-chic-grey-100: #e9e8e4;
--color-chic-grey-200: #d6d4cf;
--color-chic-grey-300: #b9b7b2;
--color-chic-grey-400: #a19e98;
--color-chic-grey-500: #89867f;
--color-chic-grey-600: #74716b;
--color-chic-grey-700: #5d5b56;
--color-chic-grey-800: #44423e;
--color-chic-grey-900: #2f2e2b;
--color-chic-grey-950: #1b1a18;
}SCSS
$chic-grey: #cfccc5;
$chic-grey-rgb: 207, 204, 197;
$chic-grey-light: mix(#fff, $chic-grey, 20%);
$chic-grey-dark: mix(#000, $chic-grey, 20%);
.element {
color: $chic-grey;
box-shadow: 0 0 0 2px rgba($chic-grey, 0.35);
}