Benannte Farbe · #B96482
Raspberry Parfait
Raspberry Parfait ist #B96482: rgb(185 100 130), hsl(339 38% 56%), oklch(0.61 0.114 358.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Raspberry Parfait color name →
#B96482
oklch(0.61 0.114 358.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C1738E
- C9839A
- D192A6
- D8A1B2
- DFB1BF
- E6C0CB
- EDD0D8
- F3DFE5
- F9EFF2
Shades
- A05670
- 89485F
- 713B4E
- 5B2E3E
- 46222F
- 311620
- 1E0B12
- 0D0306
- 020001
Tones
- B46782
- AF6B82
- AA6E81
- A47181
- 9F7481
- 997681
- 937981
- 8D7B80
- 877E80
Farbharmonien
Komplementär +180°
- B96482
Raspberry Parfait
- 009884
≈ Plumage
Analog -30° +30°
- B96482
Raspberry Parfait
- A869A5
≈ Iris Orchid
- BE665B
≈ Tapestry Red
Triadisch +120° +240°
- B96482
Raspberry Parfait
- 7C8C35
≈ Sassy Grass
- 338CBF
≈ Christmas Blue
Geteilt komplementär +150° +210°
- B96482
Raspberry Parfait
- 4D965B
≈ Ineffable Forest
- 0094A4
≈ Tile Blue
Tetradisch +90° +180° +270°
- B96482
Raspberry Parfait
- 9F7E1F
≈ Hacienda
- 009884
≈ Plumage
- 667FC8
≈ Bodega Bay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.03:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.20:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
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);
}