Colore con nome · #C2A9DB
Perfume
Perfume è #C2A9DB: rgb(194 169 219), hsl(270 41% 76%), oklch(0.773 0.075 307.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Perfume color name →
#C2A9DB
oklch(0.773 0.075 307.4)
Conversioni di colore
- HEX
- #c2a9db
- RGB
- rgb(194 169 219)
- HSL
- hsl(270 41% 76%)
- HWB
- hwb(270 66% 14%)
- OKLCH
- oklch(0.773 0.075 307.4)
- OKLab
- oklab(0.773 0.046 -0.06)
- CIE Lab
- lab(72.72 16.42 -21.94)
- LCH
- lch(72.72 27.4 306.8)
- CMYK
- cmyk(11% 23% 0% 14%)
Tinte · Ombre · Toni
Tinte
- C8B1DF
- CEBAE2
- D4C2E6
- DACBEA
- E0D4ED
- E6DCF1
- ECE5F5
- F3EEF8
- F9F6FC
Ombre
- A892BE
- 8F7CA2
- 776787
- 60536D
- 493F54
- 342C3C
- 201B26
- 0E0A11
- 020102
Toni
- BBA5D2
- B4A1C8
- AE9DBF
- A799B6
- A095AD
- 9A90A4
- 938C9B
- 8D8892
- 868489
Armonie di colore
Complementare +180°
- C2A9DB
Perfume
- A8BF8B
≈ Shrubbery
Analogo -30° +30°
- C2A9DB
Perfume
- A9B1E5
≈ Maximum Blue Purple
- D5A3C6
≈ Pastel Lavender
Triadico +120° +240°
- C2A9DB
Perfume
- D6AD82
≈ Paper Brown
- 7BC5BD
≈ Booty Bay
Complementare divisa +150° +210°
- C2A9DB
Perfume
- C2B67E
≈ Cool Avocado
- 8DC4A3
≈ Delltone
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.99:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--perfume: #c2a9db;
--perfume-rgb: 194 169 219;
--perfume-oklch: oklch(0.773 0.075 307.4);
}
.element {
color: var(--perfume);
background-color: hsl(270 41% 76%);
border-color: oklch(0.773 0.075 307.4);
}Tailwind CSS v4
@theme {
--color-perfume: #c2a9db;
--color-perfume-50: #fcf0ff;
--color-perfume-100: #efe2fb;
--color-perfume-200: #decced;
--color-perfume-300: #c3add5;
--color-perfume-400: #aa93c1;
--color-perfume-500: #9379ad;
--color-perfume-600: #7d6692;
--color-perfume-700: #645275;
--color-perfume-800: #483c57;
--color-perfume-900: #32293d;
--color-perfume-950: #1e1726;
}SCSS
$perfume: #c2a9db;
$perfume-rgb: 194, 169, 219;
$perfume-light: mix(#fff, $perfume, 20%);
$perfume-dark: mix(#000, $perfume, 20%);
.element {
color: $perfume;
box-shadow: 0 0 0 2px rgba($perfume, 0.35);
}