Colore con nome · #C19AA5
Artichoke Mauve
Artichoke Mauve è #C19AA5: rgb(193 154 165), hsl(343 24% 68%), oklch(0.725 0.049 359.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Artichoke Mauve color name →
#C19AA5
oklch(0.725 0.049 359.6)
Conversioni di colore
- HEX
- #c19aa5
- RGB
- rgb(193 154 165)
- HSL
- hsl(343 24% 68%)
- HWB
- hwb(343 60% 24%)
- OKLCH
- oklch(0.725 0.049 359.6)
- OKLab
- oklab(0.725 0.049 0)
- CIE Lab
- lab(67.51 16.28 0.06)
- LCH
- lch(67.51 16.28 0.2)
- CMYK
- cmyk(0% 20% 15% 24%)
Tinte · Ombre · Toni
Tinte
- C7A4AE
- CEAEB6
- D4B8BF
- DAC2C8
- E0CCD1
- E7D6DA
- EDE0E3
- F3EAEC
- F9F5F6
Ombre
- A7858F
- 8F7179
- 775E65
- 5F4B51
- 49393D
- 34272B
- 20171A
- 0E090A
- 020101
Toni
- BA97A1
- B4959D
- AD929A
- A79096
- A08D92
- 9A8A8F
- 93888B
- 8D8587
- 868384
Armonie di colore
Complementare +180°
- C19AA5
Artichoke Mauve
- 85B1A7
≈ Silicate Green
Analogo -30° +30°
- C19AA5
Artichoke Mauve
- B89CB5
≈ Pastel Purple
- C39B95
≈ Fall Canyon
Triadico +120° +240°
- C19AA5
Artichoke Mauve
- A2AB89
≈ Cucumber Crush
- 8BABC2
≈ Colorado Springs
Complementare divisa +150° +210°
- C19AA5
Artichoke Mauve
- 91AF96
≈ Holly Fern
- 83AFB7
≈ Sebastian Inlet
Tetradico +90° +180° +270°
- C19AA5
Artichoke Mauve
- B2A584
≈ Karma
- 85B1A7
≈ Silicate Green
- 9AA5C6
≈ Wild Phlox
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.43:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--artichoke-mauve: #c19aa5;
--artichoke-mauve-rgb: 193 154 165;
--artichoke-mauve-oklch: oklch(0.725 0.049 359.6);
}
.element {
color: var(--artichoke-mauve);
background-color: hsl(343 24% 68%);
border-color: oklch(0.725 0.049 359.6);
}Tailwind CSS v4
@theme {
--color-artichoke-mauve: #c19aa5;
--color-artichoke-mauve-50: #fff0f4;
--color-artichoke-mauve-100: #f7e2e7;
--color-artichoke-mauve-200: #e7ccd3;
--color-artichoke-mauve-300: #ceaeb5;
--color-artichoke-mauve-400: #b8939d;
--color-artichoke-mauve-500: #a27985;
--color-artichoke-mauve-600: #896771;
--color-artichoke-mauve-700: #6e525a;
--color-artichoke-mauve-800: #513b42;
--color-artichoke-mauve-900: #38292e;
--color-artichoke-mauve-950: #23171b;
}SCSS
$artichoke-mauve: #c19aa5;
$artichoke-mauve-rgb: 193, 154, 165;
$artichoke-mauve-light: mix(#fff, $artichoke-mauve, 20%);
$artichoke-mauve-dark: mix(#000, $artichoke-mauve, 20%);
.element {
color: $artichoke-mauve;
box-shadow: 0 0 0 2px rgba($artichoke-mauve, 0.35);
}