Benannte Farbe · #C0ADA6
Mauve Nymph
Mauve Nymph ist #C0ADA6: rgb(192 173 166), hsl(16 17% 70%), oklch(0.762 0.024 41.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mauve Nymph color name →
#C0ADA6
oklch(0.762 0.024 41.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C6B5AF
- CCBDB7
- D3C5C0
- D9CDC9
- DFD5D2
- E6DEDB
- ECE6E4
- F2EEED
- F9F7F6
Shades
- A79690
- 8E7F7A
- 766A65
- 5F5551
- 49413E
- 342D2B
- 201B1A
- 0E0B0A
- 020101
Tones
- B9A8A2
- B3A49E
- AC9F9A
- A69B97
- A09693
- 99928F
- 938D8B
- 8D8987
- 868484
Farbharmonien
Komplementär +180°
- C0ADA6
Mauve Nymph
- A2B6BD
≈ Languid Blue
Analog -30° +30°
- C0ADA6
Mauve Nymph
- C1ACAE
≈ Moire
- BCAFA1
≈ Barista
Triadisch +120° +240°
- C0ADA6
Mauve Nymph
- A5B7AD
≈ Smokey Slate
- AFB0C1
≈ Fragrant Wand
Geteilt komplementär +150° +210°
- C0ADA6
Mauve Nymph
- A1B7B5
≈ Holly Glen
- A7B3C1
≈ Grey Agate
Tetradisch +90° +180° +270°
- C0ADA6
Mauve Nymph
- ACB5A5
≈ Stormy Day
- A2B6BD
≈ Languid Blue
- B7AEBD
≈ Exclusive Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.76:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
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);
}