이름 색상 · #CBCDC4
Silhouette
Silhouette은(는) #CBCDC4: rgb(203 205 196), hsl(73 8% 79%), oklch(0.844 0.012 116.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Silhouette color name →
#CBCDC4
oklch(0.844 0.012 116.8)
색상 변환
- HEX
- #cbcdc4
- RGB
- rgb(203 205 196)
- HSL
- hsl(73 8% 79%)
- HWB
- hwb(73 77% 20%)
- OKLCH
- oklch(0.844 0.012 116.8)
- OKLab
- oklab(0.844 -0.006 0.011)
- CIE Lab
- lab(82.05 -1.92 4.24)
- LCH
- lch(82.05 4.66 114.3)
- CMYK
- cmyk(1% 0% 4% 20%)
틴트 · 셰이드 · 톤
틴트
- D0D2CA
- D5D7D0
- DADCD5
- E0E1DB
- E5E6E1
- EAEBE7
- EFF0ED
- F4F5F3
- FAFAF9
셰이드
- B0B2AA
- 969891
- 7D7E78
- 656661
- 4D4E4A
- 373835
- 222321
- 0F0F0E
- 020202
톤
- C3C5BD
- BCBDB6
- B4B5AF
- ACADA8
- A5A6A1
- 9D9E9B
- 969694
- 8E8F8D
- 878787
색 조화
보색 +180°
- CBCDC4
Silhouette
- CCCAD3
≈ Lilac Hint
유사색 -30° +30°
- CBCDC4
Silhouette
- CFCBC3
≈ Ground Fog
- C7CEC7
≈ Murmur
삼각 배색 +120° +240°
- CBCDC4
Silhouette
- C5CDD3
≈ Ephemeral Mist
- D3C9CC
≈ Dusty Lilac
분열 보색 +150° +210°
- CBCDC4
Silhouette
- C8CCD4
≈ Mega Metal Phoenix
- D0C9D0
≈ El Niño
사각 배색 +90° +180° +270°
- CBCDC4
Silhouette
- C3CED0
≈ Lark Wing
- CCCAD3
≈ Lilac Hint
- D4C9C7
≈ Dusk in the Valley
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.06:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--silhouette: #cbcdc4;
--silhouette-rgb: 203 205 196;
--silhouette-oklch: oklch(0.844 0.012 116.8);
}
.element {
color: var(--silhouette);
background-color: hsl(73 8% 79%);
border-color: oklch(0.844 0.012 116.8);
}Tailwind CSS v4
@theme {
--color-silhouette: #cbcdc4;
--color-silhouette-50: #f5f6f2;
--color-silhouette-100: #e7e8e4;
--color-silhouette-200: #d3d5cf;
--color-silhouette-300: #b6b8b1;
--color-silhouette-400: #9e9f97;
--color-silhouette-500: #85877e;
--color-silhouette-600: #71736b;
--color-silhouette-700: #5a5c55;
--color-silhouette-800: #42433e;
--color-silhouette-900: #2e2e2b;
--color-silhouette-950: #1a1b18;
}SCSS
$silhouette: #cbcdc4;
$silhouette-rgb: 203, 205, 196;
$silhouette-light: mix(#fff, $silhouette, 20%);
$silhouette-dark: mix(#000, $silhouette, 20%);
.element {
color: $silhouette;
box-shadow: 0 0 0 2px rgba($silhouette, 0.35);
}