이름 색상 · #9D8888
Mauverine
Mauverine은(는) #9D8888: rgb(157 136 136), hsl(0 10% 57%), oklch(0.646 0.026 17.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mauverine color name →
#9D8888
oklch(0.646 0.026 17.8)
색상 변환
- HEX
- #9d8888
- RGB
- rgb(157 136 136)
- HSL
- hsl(0 10% 57%)
- HWB
- hwb(0 53% 38%)
- OKLCH
- oklch(0.646 0.026 17.8)
- OKLab
- oklab(0.646 0.024 0.008)
- CIE Lab
- lab(58.64 8.2 3.08)
- LCH
- lch(58.64 8.76 20.6)
- CMYK
- cmyk(0% 13% 13% 38%)
틴트 · 셰이드 · 톤
틴트
- A79393
- B09F9F
- BAAAAA
- C3B6B6
- CDC2C2
- D7CECE
- E1DADA
- EBE6E6
- F5F3F3
셰이드
- 887575
- 736363
- 5F5252
- 4C4141
- 3A3131
- 282222
- 181313
- 090606
- 010101
톤
- 9A8787
- 978686
- 948686
- 918585
- 8F8484
- 8C8383
- 898282
- 868282
- 838181
색 조화
보색 +180°
- 9D8888
Mauverine
- 7D9393
≈ Lexington Blue
유사색 -30° +30°
- 9D8888
Mauverine
- 9A8891
≈ Purple Mauve
- 9C8A81
≈ Ruins of Metal
삼각 배색 +120° +240°
- 9D8888
Mauverine
- 879283
≈ Silver Linden Grey
- 848F9E
≈ Diopside Blue
분열 보색 +150° +210°
- 9D8888
Mauverine
- 80938B
≈ Quantum Green
- 7E919A
≈ Silent Tide
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.32:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.31:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--mauverine: #9d8888;
--mauverine-rgb: 157 136 136;
--mauverine-oklch: oklch(0.646 0.026 17.8);
}
.element {
color: var(--mauverine);
background-color: hsl(0 10% 57%);
border-color: oklch(0.646 0.026 17.8);
}Tailwind CSS v4
@theme {
--color-mauverine: #9d8888;
--color-mauverine-50: #fcf2f2;
--color-mauverine-100: #f0e5e4;
--color-mauverine-200: #dfd0d0;
--color-mauverine-300: #c4b3b2;
--color-mauverine-400: #ad9999;
--color-mauverine-500: #978080;
--color-mauverine-600: #7f6c6c;
--color-mauverine-700: #665656;
--color-mauverine-800: #4b3f3f;
--color-mauverine-900: #342b2c;
--color-mauverine-950: #1f1919;
}SCSS
$mauverine: #9d8888;
$mauverine-rgb: 157, 136, 136;
$mauverine-light: mix(#fff, $mauverine, 20%);
$mauverine-dark: mix(#000, $mauverine, 20%);
.element {
color: $mauverine;
box-shadow: 0 0 0 2px rgba($mauverine, 0.35);
}