Colore con nome · #B9A0D2
Purple Premiere
Purple Premiere è #B9A0D2: rgb(185 160 210), hsl(270 36% 73%), oklch(0.745 0.076 307.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Premiere color name →
#B9A0D2
oklch(0.745 0.076 307.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C0A9D7
- C7B3DB
- CEBCE0
- D5C5E4
- DCCFE9
- E3D8ED
- EAE2F2
- F1ECF6
- F8F5FB
Ombre
- A08BB6
- 89769B
- 716181
- 5B4E68
- 463B50
- 312939
- 1E1924
- 0D0910
- 020102
Toni
- B39DCA
- AD9AC1
- A897B9
- A293B1
- 9C90A9
- 968DA0
- 918A98
- 8B8790
- 868388
Armonie di colore
Complementare +180°
- B9A0D2
Purple Premiere
- 9FB682
≈ Mesclun Green
Analogo -30° +30°
- B9A0D2
Purple Premiere
- A0A8DC
≈ Sorbet Ice Mauve
- CC9ABE
≈ Peach Buff
Triadico +120° +240°
- B9A0D2
Purple Premiere
- CDA478
≈ Golden Beige
- 71BCB4
≈ Earth Eclipse
Complementare divisa +150° +210°
- B9A0D2
Purple Premiere
- B9AD75
≈ Goldie Oldie
- 84BB9A
≈ Grand Gusto
Tetradico +90° +180° +270°
- B9A0D2
Purple Premiere
- D79C8A
≈ Medium Terracotta
- 9FB682
≈ Mesclun Green
- 72B8CC
≈ Blue Brocade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.02:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
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);
}