이름 색상 · #918278
Mocha Wisp
Mocha Wisp은(는) #918278: rgb(145 130 120), hsl(24 10% 52%), oklch(0.617 0.024 55.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mocha Wisp color name →
#918278
oklch(0.617 0.024 55.9)
색상 변환
- HEX
- #918278
- RGB
- rgb(145 130 120)
- HSL
- hsl(24 10% 52%)
- HWB
- hwb(24 47% 43%)
- OKLCH
- oklch(0.617 0.024 55.9)
- OKLab
- oklab(0.617 0.013 0.02)
- CIE Lab
- lab(55.52 4.6 7.62)
- LCH
- lch(55.52 8.9 58.9)
- CMYK
- cmyk(0% 10% 17% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C8E85
- A69A92
- B1A69F
- BCB2AC
- C7BFB9
- D2CBC7
- DDD8D5
- E8E5E3
- F4F2F1
셰이드
- 7D7067
- 6A5F57
- 584E48
- 463E39
- 352F2A
- 25201D
- 151210
- 070605
- 010101
톤
- 8F8279
- 8E827A
- 8C817A
- 8A817B
- 89817C
- 87817D
- 85817E
- 83807E
- 82807F
색 조화
보색 +180°
- 918278
Mocha Wisp
- 788892
≈ Deep Channel
유사색 -30° +30°
- 918278
Mocha Wisp
- 93807E
≈ California Dreamin’
- 8C8576
≈ Camo Beige
삼각 배색 +120° +240°
- 918278
Mocha Wisp
- 778A85
≈ Juniper Ash
- 868392
≈ Mecha Metal
분열 보색 +150° +210°
- 918278
Mocha Wisp
- 768A8C
≈ Leisure Time
- 7F8594
≈ Stand Out
사각 배색 +90° +180° +270°
- 918278
Mocha Wisp
- 7D897D
≈ Salty Sea
- 788892
≈ Deep Channel
- 8D818D
≈ Asian Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.70:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--mocha-wisp: #918278;
--mocha-wisp-rgb: 145 130 120;
--mocha-wisp-oklch: oklch(0.617 0.024 55.9);
}
.element {
color: var(--mocha-wisp);
background-color: hsl(24 10% 52%);
border-color: oklch(0.617 0.024 55.9);
}Tailwind CSS v4
@theme {
--color-mocha-wisp: #918278;
--color-mocha-wisp-50: #fbf4ef;
--color-mocha-wisp-100: #eee6e0;
--color-mocha-wisp-200: #dcd2cb;
--color-mocha-wisp-300: #c1b5ac;
--color-mocha-wisp-400: #aa9b91;
--color-mocha-wisp-500: #938277;
--color-mocha-wisp-600: #7c6e65;
--color-mocha-wisp-700: #645851;
--color-mocha-wisp-800: #49403b;
--color-mocha-wisp-900: #332c28;
--color-mocha-wisp-950: #1e1916;
}SCSS
$mocha-wisp: #918278;
$mocha-wisp-rgb: 145, 130, 120;
$mocha-wisp-light: mix(#fff, $mocha-wisp, 20%);
$mocha-wisp-dark: mix(#000, $mocha-wisp, 20%);
.element {
color: $mocha-wisp;
box-shadow: 0 0 0 2px rgba($mocha-wisp, 0.35);
}