가장 가까운 이름 색상 · #C1C3B1
#C1C3B1
가장 가까운 이름 색상: Tropical Fog
#C1C3B1(rgb(193 195 177), hsl(67 13% 73%), oklch(0.811 0.025 112.1))와 가장 가까운 이름 색상은 Tropical Fog입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C1C3B1
oklch(0.811 0.025 112.1)
색상 변환
- HEX
- #c1c3b1
- RGB
- rgb(193 195 177)
- HSL
- hsl(67 13% 73%)
- HWB
- hwb(67 69% 24%)
- OKLCH
- oklch(0.811 0.025 112.1)
- OKLab
- oklab(0.811 -0.009 0.023)
- CIE Lab
- lab(78.26 -3.09 8.83)
- LCH
- lch(78.26 9.36 109.3)
- CMYK
- cmyk(1% 0% 9% 24%)
틴트 · 셰이드 · 톤
틴트
- C7C9B9
- CDCFC0
- D3D5C8
- D9DBD0
- E0E1D7
- E6E7DF
- ECEDE7
- F2F3EF
- F9F9F7
셰이드
- A7A999
- 8F9083
- 77786C
- 5F6057
- 494A42
- 34342F
- 20201C
- 0E0E0C
- 020201
톤
- BABCAC
- B4B5A7
- ADAEA2
- A6A89D
- A0A198
- 999A93
- 93948E
- 8D8D8A
- 868685
색 조화
보색 +180°
- C1C3B1
Tropical Fog
- C1BFD0
≈ Gentleman’s Suit
유사색 -30° +30°
- C1C3B1
Tropical Fog
- C9C0B0
≈ Malibu Beige
- B8C5B7
≈ Median Green
삼각 배색 +120° +240°
- C1C3B1
Tropical Fog
- B2C4CF
≈ Blue Luna
- CFBBC3
≈ Rose Marble
분열 보색 +150° +210°
- C1C3B1
Tropical Fog
- B8C2D2
≈ Pageant Song
- C9BCCB
≈ My Mona
사각 배색 +90° +180° +270°
- C1C3B1
Tropical Fog
- AFC6C8
≈ Blue Agave
- C1BFD0
≈ Gentleman’s Suit
- D1BBBA
≈ Mediterranean Sunset
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.70:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--tropical-fog: #c1c3b1;
--tropical-fog-rgb: 193 195 177;
--tropical-fog-oklch: oklch(0.811 0.025 112.1);
}
.element {
color: var(--tropical-fog);
background-color: hsl(67 13% 73%);
border-color: oklch(0.811 0.025 112.1);
}Tailwind CSS v4
@theme {
--color-tropical-fog: #c1c3b1;
--color-tropical-fog-50: #f5f6ee;
--color-tropical-fog-100: #e7e9e0;
--color-tropical-fog-200: #d4d6ca;
--color-tropical-fog-300: #b7b9ab;
--color-tropical-fog-400: #9ea090;
--color-tropical-fog-500: #868875;
--color-tropical-fog-600: #727364;
--color-tropical-fog-700: #5b5c4f;
--color-tropical-fog-800: #434339;
--color-tropical-fog-900: #2e2e27;
--color-tropical-fog-950: #1b1b15;
}SCSS
$tropical-fog: #c1c3b1;
$tropical-fog-rgb: 193, 195, 177;
$tropical-fog-light: mix(#fff, $tropical-fog, 20%);
$tropical-fog-dark: mix(#000, $tropical-fog, 20%);
.element {
color: $tropical-fog;
box-shadow: 0 0 0 2px rgba($tropical-fog, 0.35);
}