Cor nomeada · #B9A0D2
Purple Premiere
Purple Premiere é #B9A0D2: rgb(185 160 210), hsl(270 36% 73%), oklch(0.745 0.076 307.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Premiere color name →
#B9A0D2
oklch(0.745 0.076 307.3)
Conversões de cor
- HEX
- #b9a0d2
- RGB
- rgb(185 160 210)
- HSL
- hsl(270 36% 73%)
- HWB
- hwb(270 63% 18%)
- OKLCH
- oklch(0.745 0.076 307.3)
- OKLab
- oklab(0.745 0.046 -0.06)
- CIE Lab
- lab(69.4 16.59 -22.13)
- LCH
- lch(69.4 27.65 306.9)
- CMYK
- cmyk(12% 24% 0% 18%)
Tons claros · Sombras · Tons
Tons claros
- C0A9D7
- C7B3DB
- CEBCE0
- D5C5E4
- DCCFE9
- E3D8ED
- EAE2F2
- F1ECF6
- F8F5FB
Sombras
- A08BB6
- 89769B
- 716181
- 5B4E68
- 463B50
- 312939
- 1E1924
- 0D0910
- 020102
Tons
- B39DCA
- AD9AC1
- A897B9
- A293B1
- 9C90A9
- 968DA0
- 918A98
- 8B8790
- 868388
Harmonias de cor
Complementar +180°
- B9A0D2
Purple Premiere
- 9FB682
≈ Mesclun Green
Análoga -30° +30°
- B9A0D2
Purple Premiere
- A0A8DC
≈ Sorbet Ice Mauve
- CC9ABE
≈ Peach Buff
Tríade +120° +240°
- B9A0D2
Purple Premiere
- CDA478
≈ Golden Beige
- 71BCB4
≈ Earth Eclipse
Complementar dividida +150° +210°
- B9A0D2
Purple Premiere
- B9AD75
≈ Goldie Oldie
- 84BB9A
≈ Grand Gusto
Tétrade +90° +180° +270°
- B9A0D2
Purple Premiere
- D79C8A
≈ Medium Terracotta
- 9FB682
≈ Mesclun Green
- 72B8CC
≈ Blue Brocade
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.02:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--purple-premiere: #b9a0d2;
--purple-premiere-rgb: 185 160 210;
--purple-premiere-oklch: oklch(0.745 0.076 307.3);
}
.element {
color: var(--purple-premiere);
background-color: hsl(270 36% 73%);
border-color: oklch(0.745 0.076 307.3);
}Tailwind CSS v4
@theme {
--color-purple-premiere: #b9a0d2;
--color-purple-premiere-50: #fcf0ff;
--color-purple-premiere-100: #efe1fc;
--color-purple-premiere-200: #decced;
--color-purple-premiere-300: #c3add5;
--color-purple-premiere-400: #aa93c2;
--color-purple-premiere-500: #9479ad;
--color-purple-premiere-600: #7d6693;
--color-purple-premiere-700: #645275;
--color-purple-premiere-800: #493c57;
--color-purple-premiere-900: #32293d;
--color-purple-premiere-950: #1e1727;
}SCSS
$purple-premiere: #b9a0d2;
$purple-premiere-rgb: 185, 160, 210;
$purple-premiere-light: mix(#fff, $purple-premiere, 20%);
$purple-premiere-dark: mix(#000, $purple-premiere, 20%);
.element {
color: $purple-premiere;
box-shadow: 0 0 0 2px rgba($purple-premiere, 0.35);
}