Colore con nome · #C9A0DC
Autumn Wisteria
Autumn Wisteria è #C9A0DC: rgb(201 160 220), hsl(281 46% 75%), oklch(0.763 0.095 314.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Autumn Wisteria color name →
#C9A0DC
oklch(0.763 0.095 314.9)
Conversioni di colore
- HEX
- #c9a0dc
- RGB
- rgb(201 160 220)
- HSL
- hsl(281 46% 75%)
- HWB
- hwb(281 63% 14%)
- OKLCH
- oklch(0.763 0.095 314.9)
- OKLab
- oklab(0.763 0.067 -0.067)
- CIE Lab
- lab(71.24 23.64 -24.65)
- LCH
- lch(71.24 34.16 313.8)
- CMYK
- cmyk(9% 27% 0% 14%)
Tinte · Ombre · Toni
Tinte
- CEA9E0
- D4B3E3
- D9BCE7
- DFC6EB
- E4CFEE
- E9D9F2
- EFE2F5
- F4ECF8
- FAF5FC
Ombre
- AE8BBF
- 9576A3
- 7C6188
- 644E6E
- 4C3B54
- 36293C
- 221926
- 0F0911
- 020102
Toni
- C29DD3
- BA9AC9
- B397C0
- AB94B7
- A490AD
- 9D8DA4
- 958A9B
- 8E8792
- 878389
Armonie di colore
Complementare +180°
- C9A0DC
Autumn Wisteria
- 98C082
≈ Hearty Hosta
Analogo -30° +30°
- C9A0DC
Autumn Wisteria
- ABAAED
≈ Maximum Blue Purple
- DE9AC0
≈ Lilac Chiffon
Triadico +120° +240°
- C9A0DC
Autumn Wisteria
- D6AA6C
≈ Gobi Sand
- 5FC5C5
≈ Chinese Lacquer
Complementare divisa +150° +210°
- C9A0DC
Autumn Wisteria
- BBB66D
≈ Golden Cartridge
- 75C6A3
≈ Gem Silica
Tetradico +90° +180° +270°
- C9A0DC
Autumn Wisteria
- E59F80
≈ Les Demoiselles d’Avignon
- 98C082
≈ Hearty Hosta
- 6ABFE0
≈ Bff Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.54:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--autumn-wisteria: #c9a0dc;
--autumn-wisteria-rgb: 201 160 220;
--autumn-wisteria-oklch: oklch(0.763 0.095 314.9);
}
.element {
color: var(--autumn-wisteria);
background-color: hsl(281 46% 75%);
border-color: oklch(0.763 0.095 314.9);
}Tailwind CSS v4
@theme {
--color-autumn-wisteria: #c9a0dc;
--color-autumn-wisteria-50: #ffedff;
--color-autumn-wisteria-100: #f5dffd;
--color-autumn-wisteria-200: #e5c8f0;
--color-autumn-wisteria-300: #cba9d8;
--color-autumn-wisteria-400: #b48dc5;
--color-autumn-wisteria-500: #9e72b1;
--color-autumn-wisteria-600: #856196;
--color-autumn-wisteria-700: #6b4d78;
--color-autumn-wisteria-800: #4e385a;
--color-autumn-wisteria-900: #36273f;
--color-autumn-wisteria-950: #211528;
}SCSS
$autumn-wisteria: #c9a0dc;
$autumn-wisteria-rgb: 201, 160, 220;
$autumn-wisteria-light: mix(#fff, $autumn-wisteria, 20%);
$autumn-wisteria-dark: mix(#000, $autumn-wisteria, 20%);
.element {
color: $autumn-wisteria;
box-shadow: 0 0 0 2px rgba($autumn-wisteria, 0.35);
}