色名 · #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);
}