이름 색상 · #CFBFB9
Musk Dusk
Musk Dusk은(는) #CFBFB9: rgb(207 191 185), hsl(16 19% 77%), oklch(0.816 0.02 41.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Musk Dusk color name →
#CFBFB9
oklch(0.816 0.02 41.8)
색상 변환
- HEX
- #cfbfb9
- RGB
- rgb(207 191 185)
- HSL
- hsl(16 19% 77%)
- HWB
- hwb(16 73% 19%)
- OKLCH
- oklch(0.816 0.02 41.8)
- OKLab
- oklab(0.816 0.015 0.013)
- CIE Lab
- lab(78.56 5.08 5.18)
- LCH
- lch(78.56 7.26 45.6)
- CMYK
- cmyk(0% 8% 11% 19%)
틴트 · 셰이드 · 톤
틴트
- D4C5C0
- D9CCC7
- DDD2CE
- E2D8D5
- E7DFDC
- ECE5E3
- F1EBEA
- F5F2F1
- FAF8F8
셰이드
- B4A6A0
- 998D89
- 7F7571
- 675E5B
- 4F4846
- 383331
- 231F1E
- 100D0D
- 020202
톤
- C7B9B3
- BFB2AD
- B7ACA8
- AFA5A2
- A79F9C
- 9F9996
- 979291
- 8F8C8B
- 888686
색 조화
보색 +180°
- CFBFB9
Musk Dusk
- B6C6CC
≈ Flowing Breeze
유사색 -30° +30°
- CFBFB9
Musk Dusk
- CFBEBF
≈ Dusky Violet
- CBC1B5
≈ Loophole
삼각 배색 +120° +240°
- CFBFB9
Musk Dusk
- B8C7BF
≈ Surf Spray
- C0C2D0
≈ Lavender Honour
분열 보색 +150° +210°
- CFBFB9
Musk Dusk
- B5C7C6
≈ Misty Surf
- BAC4D0
≈ Plein Air
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.77:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.80:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--musk-dusk: #cfbfb9;
--musk-dusk-rgb: 207 191 185;
--musk-dusk-oklch: oklch(0.816 0.02 41.8);
}
.element {
color: var(--musk-dusk);
background-color: hsl(16 19% 77%);
border-color: oklch(0.816 0.02 41.8);
}Tailwind CSS v4
@theme {
--color-musk-dusk: #cfbfb9;
--color-musk-dusk-50: #faf3f1;
--color-musk-dusk-100: #eee6e3;
--color-musk-dusk-200: #dcd2cd;
--color-musk-dusk-300: #c1b4af;
--color-musk-dusk-400: #a99b95;
--color-musk-dusk-500: #92827c;
--color-musk-dusk-600: #7c6e69;
--color-musk-dusk-700: #635854;
--color-musk-dusk-800: #49403d;
--color-musk-dusk-900: #332c2a;
--color-musk-dusk-950: #1e1918;
}SCSS
$musk-dusk: #cfbfb9;
$musk-dusk-rgb: 207, 191, 185;
$musk-dusk-light: mix(#fff, $musk-dusk, 20%);
$musk-dusk-dark: mix(#000, $musk-dusk, 20%);
.element {
color: $musk-dusk;
box-shadow: 0 0 0 2px rgba($musk-dusk, 0.35);
}