Nazwany kolor · #C6B9B8
Studio Mauve
Studio Mauve to #C6B9B8: rgb(198 185 184), hsl(4 11% 75%), oklch(0.796 0.015 22.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Studio Mauve color name →
#C6B9B8
oklch(0.796 0.015 22.8)
Konwersje koloru
- HEX
- #c6b9b8
- RGB
- rgb(198 185 184)
- HSL
- hsl(4 11% 75%)
- HWB
- hwb(4 72% 22%)
- OKLCH
- oklch(0.796 0.015 22.8)
- OKLab
- oklab(0.796 0.014 0.006)
- CIE Lab
- lab(76.22 4.63 2.25)
- LCH
- lch(76.22 5.15 25.9)
- CMYK
- cmyk(0% 7% 7% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC0BF
- D1C7C6
- D7CECD
- DDD5D4
- E2DBDB
- E8E3E2
- EEEAE9
- F3F1F0
- F9F8F8
Odcienie ciemniejsze
- ACA0A0
- 928988
- 7A7171
- 625B5B
- 4B4645
- 353131
- 211E1E
- 0E0D0C
- 020202
Tony
- BFB3B2
- B8ADAD
- B0A8A7
- A9A2A1
- A29C9C
- 9B9696
- 949190
- 8E8B8B
- 878685
Harmonie kolorów
Komplementarna +180°
- C6B9B8
Studio Mauve
- B2C0C1
≈ Jolene
Analogowa -30° +30°
- C6B9B8
Studio Mauve
- C5B9BD
≈ Mulberry Stain
- C5BAB4
≈ Rubidium
Triada +120° +240°
- C6B9B8
Studio Mauve
- B7BFB6
≈ Opalescence
- B7BDC6
≈ Blue Rinse
Komplementarna rozszczepiona +150° +210°
- C6B9B8
Studio Mauve
- B3C0BB
≈ Patina Grey
- B4BEC5
≈ Soothing Breeze
Tetrada +90° +180° +270°
- C6B9B8
Studio Mauve
- BCBEB3
≈ Austere Grey
- B2C0C1
≈ Jolene
- BCBBC6
≈ Silver Fox
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.03:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--studio-mauve: #c6b9b8;
--studio-mauve-rgb: 198 185 184;
--studio-mauve-oklch: oklch(0.796 0.015 22.8);
}
.element {
color: var(--studio-mauve);
background-color: hsl(4 11% 75%);
border-color: oklch(0.796 0.015 22.8);
}Tailwind CSS v4
@theme {
--color-studio-mauve: #c6b9b8;
--color-studio-mauve-50: #f9f4f3;
--color-studio-mauve-100: #ede6e5;
--color-studio-mauve-200: #dbd2d1;
--color-studio-mauve-300: #bfb5b3;
--color-studio-mauve-400: #a79b9a;
--color-studio-mauve-500: #908382;
--color-studio-mauve-600: #7a6e6e;
--color-studio-mauve-700: #615858;
--color-studio-mauve-800: #474040;
--color-studio-mauve-900: #312c2c;
--color-studio-mauve-950: #1d1919;
}SCSS
$studio-mauve: #c6b9b8;
$studio-mauve-rgb: 198, 185, 184;
$studio-mauve-light: mix(#fff, $studio-mauve, 20%);
$studio-mauve-dark: mix(#000, $studio-mauve, 20%);
.element {
color: $studio-mauve;
box-shadow: 0 0 0 2px rgba($studio-mauve, 0.35);
}