Colore con nome · #B96482
Raspberry Parfait
Raspberry Parfait è #B96482: rgb(185 100 130), hsl(339 38% 56%), oklch(0.61 0.114 358.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Raspberry Parfait color name →
#B96482
oklch(0.61 0.114 358.5)
Conversioni di colore
- HEX
- #b96482
- RGB
- rgb(185 100 130)
- HSL
- hsl(339 38% 56%)
- HWB
- hwb(339 39% 27%)
- OKLCH
- oklch(0.61 0.114 358.5)
- OKLab
- oklab(0.61 0.114 -0.003)
- CIE Lab
- lab(53.26 37.45 -0.66)
- LCH
- lch(53.26 37.46 359)
- CMYK
- cmyk(0% 46% 30% 27%)
Tinte · Ombre · Toni
Tinte
- C1738E
- C9839A
- D192A6
- D8A1B2
- DFB1BF
- E6C0CB
- EDD0D8
- F3DFE5
- F9EFF2
Ombre
- A05670
- 89485F
- 713B4E
- 5B2E3E
- 46222F
- 311620
- 1E0B12
- 0D0306
- 020001
Toni
- B46782
- AF6B82
- AA6E81
- A47181
- 9F7481
- 997681
- 937981
- 8D7B80
- 877E80
Armonie di colore
Complementare +180°
- B96482
Raspberry Parfait
- 009884
≈ Plumage
Analogo -30° +30°
- B96482
Raspberry Parfait
- A869A5
≈ Iris Orchid
- BE665B
≈ Tapestry Red
Triadico +120° +240°
- B96482
Raspberry Parfait
- 7C8C35
≈ Sassy Grass
- 338CBF
≈ Christmas Blue
Complementare divisa +150° +210°
- B96482
Raspberry Parfait
- 4D965B
≈ Ineffable Forest
- 0094A4
≈ Tile Blue
Tetradico +90° +180° +270°
- B96482
Raspberry Parfait
- 9F7E1F
≈ Hacienda
- 009884
≈ Plumage
- 667FC8
≈ Bodega Bay
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.03:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.20:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--raspberry-parfait: #b96482;
--raspberry-parfait-rgb: 185 100 130;
--raspberry-parfait-oklch: oklch(0.61 0.114 358.5);
}
.element {
color: var(--raspberry-parfait);
background-color: hsl(339 38% 56%);
border-color: oklch(0.61 0.114 358.5);
}Tailwind CSS v4
@theme {
--color-raspberry-parfait: #b96482;
--color-raspberry-parfait-50: #ffe8f3;
--color-raspberry-parfait-100: #ffd9e6;
--color-raspberry-parfait-200: #ffc0d2;
--color-raspberry-parfait-300: #e99fb4;
--color-raspberry-parfait-400: #d5819d;
--color-raspberry-parfait-500: #c16385;
--color-raspberry-parfait-600: #a35471;
--color-raspberry-parfait-700: #83435a;
--color-raspberry-parfait-800: #613043;
--color-raspberry-parfait-900: #44212e;
--color-raspberry-parfait-950: #2c101b;
}SCSS
$raspberry-parfait: #b96482;
$raspberry-parfait-rgb: 185, 100, 130;
$raspberry-parfait-light: mix(#fff, $raspberry-parfait, 20%);
$raspberry-parfait-dark: mix(#000, $raspberry-parfait, 20%);
.element {
color: $raspberry-parfait;
box-shadow: 0 0 0 2px rgba($raspberry-parfait, 0.35);
}