이름 색상 · #CAC2BD
Chicago Fog
Chicago Fog은(는) #CAC2BD: rgb(202 194 189), hsl(23 11% 77%), oklch(0.819 0.011 54.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Chicago Fog color name →
#CAC2BD
oklch(0.819 0.011 54.5)
색상 변환
- HEX
- #cac2bd
- RGB
- rgb(202 194 189)
- HSL
- hsl(23 11% 77%)
- HWB
- hwb(23 74% 21%)
- OKLCH
- oklch(0.819 0.011 54.5)
- OKLab
- oklab(0.819 0.007 0.009)
- CIE Lab
- lab(78.98 2.24 3.57)
- LCH
- lch(78.98 4.22 57.9)
- CMYK
- cmyk(0% 4% 6% 21%)
틴트 · 셰이드 · 톤
틴트
- CFC8C3
- D4CECA
- DAD4D0
- DFDAD7
- E4E0DE
- EAE6E4
- EFECEB
- F4F3F2
- FAF9F8
셰이드
- AFA8A4
- 958F8C
- 7C7774
- 64605D
- 4D4947
- 373433
- 22201F
- 0F0E0D
- 020202
톤
- C2BBB7
- BBB4B0
- B3AEAA
- ACA7A4
- A4A09E
- 9D9A98
- 969392
- 8E8D8C
- 878686
색 조화
보색 +180°
- CAC2BD
Chicago Fog
- BDC5CA
≈ Icicles
유사색 -30° +30°
- CAC2BD
Chicago Fog
- CBC1C0
≈ White Flag
- C7C3BC
≈ Overdue Grey
삼각 배색 +120° +240°
- CAC2BD
Chicago Fog
- BDC6C3
≈ Pewter Tray
- C4C2CB
≈ Satire
분열 보색 +150° +210°
- CAC2BD
Chicago Fog
- BCC6C7
≈ Stormhost Silver
- C0C4CB
≈ Bottlefly Wings
사각 배색 +90° +180° +270°
- CAC2BD
Chicago Fog
- BFC6BF
≈ Nickel Plate
- BDC5CA
≈ Icicles
- C8C1C8
≈ Lavender Vapour
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.96:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--chicago-fog: #cac2bd;
--chicago-fog-rgb: 202 194 189;
--chicago-fog-oklch: oklch(0.819 0.011 54.5);
}
.element {
color: var(--chicago-fog);
background-color: hsl(23 11% 77%);
border-color: oklch(0.819 0.011 54.5);
}Tailwind CSS v4
@theme {
--color-chicago-fog: #cac2bd;
--color-chicago-fog-50: #f8f4f2;
--color-chicago-fog-100: #ebe7e4;
--color-chicago-fog-200: #d8d3d0;
--color-chicago-fog-300: #bcb6b2;
--color-chicago-fog-400: #a49d98;
--color-chicago-fog-500: #8c847f;
--color-chicago-fog-600: #77706c;
--color-chicago-fog-700: #5f5a56;
--color-chicago-fog-800: #46413f;
--color-chicago-fog-900: #302d2b;
--color-chicago-fog-950: #1c1a19;
}SCSS
$chicago-fog: #cac2bd;
$chicago-fog-rgb: 202, 194, 189;
$chicago-fog-light: mix(#fff, $chicago-fog, 20%);
$chicago-fog-dark: mix(#000, $chicago-fog, 20%);
.element {
color: $chicago-fog;
box-shadow: 0 0 0 2px rgba($chicago-fog, 0.35);
}