Cor nomeada · #C2A9DB
Perfume
Perfume é #C2A9DB: rgb(194 169 219), hsl(270 41% 76%), oklch(0.773 0.075 307.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Perfume color name →
#C2A9DB
oklch(0.773 0.075 307.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C8B1DF
- CEBAE2
- D4C2E6
- DACBEA
- E0D4ED
- E6DCF1
- ECE5F5
- F3EEF8
- F9F6FC
Sombras
- A892BE
- 8F7CA2
- 776787
- 60536D
- 493F54
- 342C3C
- 201B26
- 0E0A11
- 020102
Tons
- BBA5D2
- B4A1C8
- AE9DBF
- A799B6
- A095AD
- 9A90A4
- 938C9B
- 8D8892
- 868489
Harmonias de cor
Complementar +180°
- C2A9DB
Perfume
- A8BF8B
≈ Shrubbery
Análoga -30° +30°
- C2A9DB
Perfume
- A9B1E5
≈ Maximum Blue Purple
- D5A3C6
≈ Pastel Lavender
Tríade +120° +240°
- C2A9DB
Perfume
- D6AD82
≈ Paper Brown
- 7BC5BD
≈ Booty Bay
Complementar dividida +150° +210°
- C2A9DB
Perfume
- C2B67E
≈ Cool Avocado
- 8DC4A3
≈ Delltone
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.99:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
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);
}