色名 · #C8D1CC
Foggy Mist
Foggy Mistは#C8D1CC：rgb(200 209 204)、hsl(147 9% 80%)、oklch(0.852 0.012 162)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Foggy Mist color name →
#C8D1CC
oklch(0.852 0.012 162)
カラー変換
- HEX
- #c8d1cc
- RGB
- rgb(200 209 204)
- HSL
- hsl(147 9% 80%)
- HWB
- hwb(147 78% 18%)
- OKLCH
- oklch(0.852 0.012 162)
- OKLab
- oklab(0.852 -0.011 0.004)
- CIE Lab
- lab(83.03 -3.87 1.37)
- LCH
- lch(83.03 4.1 160.5)
- CMYK
- cmyk(4% 0% 2% 18%)
ティント · シェード · トーン
ティント
- CDD6D1
- D3DAD6
- D8DFDB
- DEE3E0
- E3E8E5
- E9ECEA
- EEF1EF
- F4F6F5
- F9FAFA
シェード
- AEB5B1
- 949B97
- 7B817E
- 636865
- 4C504E
- 363937
- 212322
- 0F100F
- 020202
トーン
- C1C9C4
- B9C0BC
- B2B8B5
- ABB0AD
- A3A8A5
- 9CA09E
- 959896
- 8E908F
- 878887
カラーハーモニー
補色 +180°
- C8D1CC
Foggy Mist
- D4CCD1
≈ Coverts Wood Pigeon
類似色 -30° +30°
- C8D1CC
Foggy Mist
- CCD0C8
≈ Washed Green
- C6D1D0
≈ Winter Garden
トライアド +120° +240°
- C8D1CC
Foggy Mist
- CDCED6
≈ Dirty Snow
- D6CCC8
≈ Orchid Blush
スプリットコンプリメンタリー +150° +210°
- C8D1CC
Foggy Mist
- D1CCD4
≈ Light Stately Frills
- D6CBCC
≈ Eagle’s View
テトラード +90° +180° +270°
- C8D1CC
Foggy Mist
- C9CFD6
≈ Crater Crawler
- D4CCD1
≈ Coverts Wood Pigeon
- D3CDC6
≈ Ravine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.44:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--foggy-mist: #c8d1cc;
--foggy-mist-rgb: 200 209 204;
--foggy-mist-oklch: oklch(0.852 0.012 162);
}
.element {
color: var(--foggy-mist);
background-color: hsl(147 9% 80%);
border-color: oklch(0.852 0.012 162);
}Tailwind CSS v4
@theme {
--color-foggy-mist: #c8d1cc;
--color-foggy-mist-50: #f2f6f4;
--color-foggy-mist-100: #e4e9e7;
--color-foggy-mist-200: #d0d6d3;
--color-foggy-mist-300: #b2b9b6;
--color-foggy-mist-400: #99a19c;
--color-foggy-mist-500: #808984;
--color-foggy-mist-600: #6c746f;
--color-foggy-mist-700: #565d59;
--color-foggy-mist-800: #3f4441;
--color-foggy-mist-900: #2b2f2d;
--color-foggy-mist-950: #191b1a;
}SCSS
$foggy-mist: #c8d1cc;
$foggy-mist-rgb: 200, 209, 204;
$foggy-mist-light: mix(#fff, $foggy-mist, 20%);
$foggy-mist-dark: mix(#000, $foggy-mist, 20%);
.element {
color: $foggy-mist;
box-shadow: 0 0 0 2px rgba($foggy-mist, 0.35);
}