이름 색상 · #8C8188
Mauvey Pink
Mauvey Pink은(는) #8C8188: rgb(140 129 136), hsl(322 5% 53%), oklch(0.615 0.017 339.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mauvey Pink color name →
#8C8188
oklch(0.615 0.017 339.2)
색상 변환
- HEX
- #8c8188
- RGB
- rgb(140 129 136)
- HSL
- hsl(322 5% 53%)
- HWB
- hwb(322 51% 45%)
- OKLCH
- oklch(0.615 0.017 339.2)
- OKLab
- oklab(0.615 0.016 -0.006)
- CIE Lab
- lab(55.14 5.29 -2.21)
- LCH
- lch(55.14 5.74 337.4)
- CMYK
- cmyk(0% 8% 3% 45%)
틴트 · 셰이드 · 톤
틴트
- 978D93
- A2999F
- ADA5AA
- B9B2B6
- C4BEC2
- D0CBCE
- DBD8DA
- E7E5E6
- F3F2F3
셰이드
- 796F75
- 675E63
- 554E52
- 433E41
- 332E31
- 231F22
- 141213
- 070606
- 010101
톤
- 8B8187
- 8A8186
- 888186
- 878185
- 868184
- 858083
- 848082
- 828082
- 818081
색 조화
보색 +180°
- 8C8188
Mauvey Pink
- 7D8881
≈ Wild Sage
유사색 -30° +30°
- 8C8188
Mauvey Pink
- 88828D
≈ Asian Violet
- 8E8182
≈ Pewter Mug
삼각 배색 +120° +240°
- 8C8188
Mauvey Pink
- 87857A
≈ Subway
- 7A878C
≈ Academy Grey
분열 보색 +150° +210°
- 8C8188
Mauvey Pink
- 81877C
≈ Wild Sage
- 7A8887
≈ Nature Retreat
사각 배색 +90° +180° +270°
- 8C8188
Mauvey Pink
- 8C837A
≈ So Sublime
- 7D8881
≈ Wild Sage
- 7D868F
≈ Smoky Studio
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.74:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.61:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--mauvey-pink: #8c8188;
--mauvey-pink-rgb: 140 129 136;
--mauvey-pink-oklch: oklch(0.615 0.017 339.2);
}
.element {
color: var(--mauvey-pink);
background-color: hsl(322 5% 53%);
border-color: oklch(0.615 0.017 339.2);
}Tailwind CSS v4
@theme {
--color-mauvey-pink: #8c8188;
--color-mauvey-pink-50: #f9f3f6;
--color-mauvey-pink-100: #ece6e9;
--color-mauvey-pink-200: #dad1d6;
--color-mauvey-pink-300: #beb4ba;
--color-mauvey-pink-400: #a69ba2;
--color-mauvey-pink-500: #8e828a;
--color-mauvey-pink-600: #786e75;
--color-mauvey-pink-700: #60585d;
--color-mauvey-pink-800: #464044;
--color-mauvey-pink-900: #312c2f;
--color-mauvey-pink-950: #1d191c;
}SCSS
$mauvey-pink: #8c8188;
$mauvey-pink-rgb: 140, 129, 136;
$mauvey-pink-light: mix(#fff, $mauvey-pink, 20%);
$mauvey-pink-dark: mix(#000, $mauvey-pink, 20%);
.element {
color: $mauvey-pink;
box-shadow: 0 0 0 2px rgba($mauvey-pink, 0.35);
}