Colore con nome · #887CAB
Parmentier
Parmentier è #887CAB: rgb(136 124 171), hsl(255 22% 58%), oklch(0.615 0.071 296). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Parmentier color name →
#887CAB
oklch(0.615 0.071 296)
Conversioni di colore
- HEX
- #887cab
- RGB
- rgb(136 124 171)
- HSL
- hsl(255 22% 58%)
- HWB
- hwb(255 49% 33%)
- OKLCH
- oklch(0.615 0.071 296)
- OKLab
- oklab(0.615 0.031 -0.064)
- CIE Lab
- lab(54.44 12.29 -23.45)
- LCH
- lch(54.44 26.47 297.7)
- CMYK
- cmyk(20% 27% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 9389B3
- 9E95BC
- AAA2C4
- B6AFCD
- C2BCD5
- CEC9DD
- DAD6E6
- E6E4EE
- F2F1F7
Ombre
- 756B94
- 635A7E
- 524A68
- 413B54
- 312C40
- 221E2D
- 13111B
- 06050B
- 010101
Toni
- 877DA7
- 867DA3
- 857E9E
- 857E9A
- 847E96
- 837F92
- 827F8D
- 817F89
- 818084
Armonie di colore
Complementare +180°
- 887CAB
Parmentier
- 828A58
≈ Special Ops
Analogo -30° +30°
- 887CAB
Parmentier
- 7084B0
≈ Kimono
- 9B769C
≈ Rebel Rouser
Triadico +120° +240°
- 887CAB
Parmentier
- A67A5A
≈ Tuscan Soil
- 529383
≈ Spa Green
Complementare divisa +150° +210°
- 887CAB
Parmentier
- 988251
≈ Picholine Olive
- 69906B
≈ Prickly Pear Cactus
Tetradico +90° +180° +270°
- 887CAB
Parmentier
- AB746E
≈ Cinnamon Diamonds
- 828A58
≈ Special Ops
- 4B919A
≈ Adrift
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.80:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.51:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--parmentier: #887cab;
--parmentier-rgb: 136 124 171;
--parmentier-oklch: oklch(0.615 0.071 296);
}
.element {
color: var(--parmentier);
background-color: hsl(255 22% 58%);
border-color: oklch(0.615 0.071 296);
}Tailwind CSS v4
@theme {
--color-parmentier: #887cab;
--color-parmentier-50: #f7f1ff;
--color-parmentier-100: #eae3fd;
--color-parmentier-200: #d7ceef;
--color-parmentier-300: #bbb0d8;
--color-parmentier-400: #a296c4;
--color-parmentier-500: #8a7db0;
--color-parmentier-600: #756a95;
--color-parmentier-700: #5d5478;
--color-parmentier-800: #433e59;
--color-parmentier-900: #2f2a3e;
--color-parmentier-950: #1b1827;
}SCSS
$parmentier: #887cab;
$parmentier-rgb: 136, 124, 171;
$parmentier-light: mix(#fff, $parmentier, 20%);
$parmentier-dark: mix(#000, $parmentier, 20%);
.element {
color: $parmentier;
box-shadow: 0 0 0 2px rgba($parmentier, 0.35);
}