Colore con nome · #C099A0
Plum Mouse
Plum Mouse è #C099A0: rgb(192 153 160), hsl(349 24% 68%), oklch(0.721 0.047 6.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Plum Mouse color name →
#C099A0
oklch(0.721 0.047 6.3)
Conversioni di colore
- HEX
- #c099a0
- RGB
- rgb(192 153 160)
- HSL
- hsl(349 24% 68%)
- HWB
- hwb(349 60% 25%)
- OKLCH
- oklch(0.721 0.047 6.3)
- OKLab
- oklab(0.721 0.047 0.005)
- CIE Lab
- lab(67.05 15.81 2.16)
- LCH
- lch(67.05 15.96 7.8)
- CMYK
- cmyk(0% 20% 17% 25%)
Tinte · Ombre · Toni
Tinte
- C6A3A9
- CDADB2
- D3B7BC
- DAC1C5
- E0CBCE
- E6D5D8
- ECE0E2
- F3EAEB
- F9F4F5
Ombre
- A7848B
- 8E7076
- 765D61
- 5F4A4E
- 49383B
- 342729
- 201719
- 0E0809
- 020101
Toni
- BA979D
- B39499
- AD9296
- A68F93
- A08D90
- 9A8A8D
- 938889
- 8D8586
- 868383
Armonie di colore
Complementare +180°
- C099A0
Plum Mouse
- 83AFA9
≈ Green Room
Analogo -30° +30°
- C099A0
Plum Mouse
- B99AB0
≈ Classy Mauve
- C09B90
≈ Mahogany Rose
Triadico +120° +240°
- C099A0
Plum Mouse
- 9DAB8B
≈ Reseda
- 8DA8C1
≈ Kaleidoscope
Complementare divisa +150° +210°
- C099A0
Plum Mouse
- 8DAE99
≈ Andean Slate
- 83ADB8
≈ Sebastian Inlet
Tetradico +90° +180° +270°
- C099A0
Plum Mouse
- ADA584
≈ Stone
- 83AFA9
≈ Green Room
- 9CA3C3
≈ Ruffled Iris
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.52:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.30:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--plum-mouse: #c099a0;
--plum-mouse-rgb: 192 153 160;
--plum-mouse-oklch: oklch(0.721 0.047 6.3);
}
.element {
color: var(--plum-mouse);
background-color: hsl(349 24% 68%);
border-color: oklch(0.721 0.047 6.3);
}Tailwind CSS v4
@theme {
--color-plum-mouse: #c099a0;
--color-plum-mouse-50: #fff0f2;
--color-plum-mouse-100: #f7e2e5;
--color-plum-mouse-200: #e7ccd0;
--color-plum-mouse-300: #ceaeb2;
--color-plum-mouse-400: #b8939a;
--color-plum-mouse-500: #a27981;
--color-plum-mouse-600: #89676d;
--color-plum-mouse-700: #6e5257;
--color-plum-mouse-800: #513c40;
--color-plum-mouse-900: #38292c;
--color-plum-mouse-950: #231719;
}SCSS
$plum-mouse: #c099a0;
$plum-mouse-rgb: 192, 153, 160;
$plum-mouse-light: mix(#fff, $plum-mouse, 20%);
$plum-mouse-dark: mix(#000, $plum-mouse, 20%);
.element {
color: $plum-mouse;
box-shadow: 0 0 0 2px rgba($plum-mouse, 0.35);
}