이름 색상 · #C0ADA6
Mauve Nymph
Mauve Nymph은(는) #C0ADA6: rgb(192 173 166), hsl(16 17% 70%), oklch(0.762 0.024 41.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mauve Nymph color name →
#C0ADA6
oklch(0.762 0.024 41.4)
색상 변환
- HEX
- #c0ada6
- RGB
- rgb(192 173 166)
- HSL
- hsl(16 17% 70%)
- HWB
- hwb(16 65% 25%)
- OKLCH
- oklch(0.762 0.024 41.4)
- OKLab
- oklab(0.762 0.018 0.016)
- CIE Lab
- lab(72.23 6.2 6.23)
- LCH
- lch(72.23 8.79 45.1)
- CMYK
- cmyk(0% 10% 14% 25%)
틴트 · 셰이드 · 톤
틴트
- C6B5AF
- CCBDB7
- D3C5C0
- D9CDC9
- DFD5D2
- E6DEDB
- ECE6E4
- F2EEED
- F9F7F6
셰이드
- A79690
- 8E7F7A
- 766A65
- 5F5551
- 49413E
- 342D2B
- 201B1A
- 0E0B0A
- 020101
톤
- B9A8A2
- B3A49E
- AC9F9A
- A69B97
- A09693
- 99928F
- 938D8B
- 8D8987
- 868484
색 조화
보색 +180°
- C0ADA6
Mauve Nymph
- A2B6BD
≈ Languid Blue
유사색 -30° +30°
- C0ADA6
Mauve Nymph
- C1ACAE
≈ Moire
- BCAFA1
≈ Barista
삼각 배색 +120° +240°
- C0ADA6
Mauve Nymph
- A5B7AD
≈ Smokey Slate
- AFB0C1
≈ Fragrant Wand
분열 보색 +150° +210°
- C0ADA6
Mauve Nymph
- A1B7B5
≈ Holly Glen
- A7B3C1
≈ Grey Agate
사각 배색 +90° +180° +270°
- C0ADA6
Mauve Nymph
- ACB5A5
≈ Stormy Day
- A2B6BD
≈ Languid Blue
- B7AEBD
≈ Exclusive Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.76:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--mauve-nymph: #c0ada6;
--mauve-nymph-rgb: 192 173 166;
--mauve-nymph-oklch: oklch(0.762 0.024 41.4);
}
.element {
color: var(--mauve-nymph);
background-color: hsl(16 17% 70%);
border-color: oklch(0.762 0.024 41.4);
}Tailwind CSS v4
@theme {
--color-mauve-nymph: #c0ada6;
--color-mauve-nymph-50: #fcf3f0;
--color-mauve-nymph-100: #efe5e1;
--color-mauve-nymph-200: #ded1cc;
--color-mauve-nymph-300: #c3b4ae;
--color-mauve-nymph-400: #ac9a94;
--color-mauve-nymph-500: #95817a;
--color-mauve-nymph-600: #7e6d67;
--color-mauve-nymph-700: #655753;
--color-mauve-nymph-800: #4a403c;
--color-mauve-nymph-900: #332c29;
--color-mauve-nymph-950: #1f1917;
}SCSS
$mauve-nymph: #c0ada6;
$mauve-nymph-rgb: 192, 173, 166;
$mauve-nymph-light: mix(#fff, $mauve-nymph, 20%);
$mauve-nymph-dark: mix(#000, $mauve-nymph, 20%);
.element {
color: $mauve-nymph;
box-shadow: 0 0 0 2px rgba($mauve-nymph, 0.35);
}