Nazwany kolor · #A89C97
Smoked Mauve
Smoked Mauve to #A89C97: rgb(168 156 151), hsl(18 9% 63%), oklch(0.702 0.016 44.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Smoked Mauve color name →
#A89C97
oklch(0.702 0.016 44.1)
Konwersje koloru
- HEX
- #a89c97
- RGB
- rgb(168 156 151)
- HSL
- hsl(18 9% 63%)
- HWB
- hwb(18 59% 34%)
- OKLCH
- oklch(0.702 0.016 44.1)
- OKLab
- oklab(0.702 0.011 0.011)
- CIE Lab
- lab(65.3 3.88 4.29)
- LCH
- lch(65.3 5.79 47.9)
- CMYK
- cmyk(0% 7% 10% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0A5A1
- B9AFAB
- C1B9B5
- CAC3BF
- D3CCCA
- DBD6D4
- E4E0DF
- EDEBE9
- F6F5F4
Odcienie ciemniejsze
- 928783
- 7C736F
- 675F5C
- 524C49
- 3F3937
- 2C2826
- 1A1817
- 0A0908
- 010101
Tony
- A49995
- A09692
- 9C9490
- 98918E
- 948E8B
- 908B89
- 8C8887
- 888685
- 848382
Harmonie kolorów
Komplementarna +180°
- A89C97
Smoked Mauve
- 95A1A6
≈ Metropolis Mood
Analogowa -30° +30°
- A89C97
Smoked Mauve
- A99B9C
≈ Violet Dawn
- A59E94
≈ Smoky Day
Triada +120° +240°
- A89C97
Smoked Mauve
- 96A29C
≈ Dusty Dream
- 9D9EA9
≈ Adhesion
Komplementarna rozszczepiona +150° +210°
- A89C97
Smoked Mauve
- 94A2A2
≈ Dusty Dream
- 98A0A9
≈ Shining Knight
Tetrada +90° +180° +270°
- A89C97
Smoked Mauve
- 9BA197
≈ Trellised Ivy
- 95A1A6
≈ Metropolis Mood
- A39CA6
≈ Art Nouveau Glass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.86:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoked-mauve: #a89c97;
--smoked-mauve-rgb: 168 156 151;
--smoked-mauve-oklch: oklch(0.702 0.016 44.1);
}
.element {
color: var(--smoked-mauve);
background-color: hsl(18 9% 63%);
border-color: oklch(0.702 0.016 44.1);
}Tailwind CSS v4
@theme {
--color-smoked-mauve: #a89c97;
--color-smoked-mauve-50: #f9f4f1;
--color-smoked-mauve-100: #ede6e3;
--color-smoked-mauve-200: #dad2cf;
--color-smoked-mauve-300: #bfb5b1;
--color-smoked-mauve-400: #a79c97;
--color-smoked-mauve-500: #90837e;
--color-smoked-mauve-600: #7a6f6a;
--color-smoked-mauve-700: #615955;
--color-smoked-mauve-800: #47413e;
--color-smoked-mauve-900: #312d2b;
--color-smoked-mauve-950: #1d1a18;
}SCSS
$smoked-mauve: #a89c97;
$smoked-mauve-rgb: 168, 156, 151;
$smoked-mauve-light: mix(#fff, $smoked-mauve, 20%);
$smoked-mauve-dark: mix(#000, $smoked-mauve, 20%);
.element {
color: $smoked-mauve;
box-shadow: 0 0 0 2px rgba($smoked-mauve, 0.35);
}