Benannte Farbe · #B3737F
Raspberry Whip
Raspberry Whip ist #B3737F: rgb(179 115 127), hsl(349 30% 58%), oklch(0.626 0.082 7.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Raspberry Whip color name →
#B3737F
oklch(0.626 0.082 7.5)
Farbumrechnungen
- HEX
- #b3737f
- RGB
- rgb(179 115 127)
- HSL
- hsl(349 30% 58%)
- HWB
- hwb(349 45% 30%)
- OKLCH
- oklch(0.626 0.082 7.5)
- OKLab
- oklab(0.626 0.081 0.011)
- CIE Lab
- lab(55.69 27.11 4.45)
- LCH
- lch(55.69 27.48 9.3)
- CMYK
- cmyk(0% 36% 29% 30%)
Tints · Shades · Tones
Tints
- BB818B
- C38E97
- CB9CA4
- D3AAB0
- DBB8BD
- E2C6CA
- EAD4D7
- F1E2E4
- F8F0F2
Shades
- 9B636E
- 84545D
- 6E454C
- 58363C
- 43282D
- 2F1B1F
- 1D0F11
- 0C0506
- 010101
Tones
- AE757F
- AA767F
- A5787F
- A0797F
- 9B7A80
- 967C80
- 907D80
- 8B7E80
- 867F80
Farbharmonien
Komplementär +180°
- B3737F
Raspberry Whip
- 449891
≈ Sea
Analog -30° +30°
- B3737F
Raspberry Whip
- A9759A
≈ Teen Queen
- B37664
≈ Vin Cuit
Triadisch +120° +240°
- B3737F
Raspberry Whip
- 7A925B
≈ Vegetarian Veteran
- 5F8DB7
≈ Blue Dazzle
Geteilt komplementär +150° +210°
- B3737F
Raspberry Whip
- 5C9775
≈ Fake Fern
- 4694A9
≈ Alpine Lake
Tetradisch +90° +180° +270°
- B3737F
Raspberry Whip
- 96894C
≈ Negishi Green
- 449891
≈ Sea
- 7C83BA
≈ Deep Periwinkle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.70:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.67:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--raspberry-whip: #b3737f;
--raspberry-whip-rgb: 179 115 127;
--raspberry-whip-oklch: oklch(0.626 0.082 7.5);
}
.element {
color: var(--raspberry-whip);
background-color: hsl(349 30% 58%);
border-color: oklch(0.626 0.082 7.5);
}Tailwind CSS v4
@theme {
--color-raspberry-whip: #b3737f;
--color-raspberry-whip-50: #ffecf0;
--color-raspberry-whip-100: #ffdde2;
--color-raspberry-whip-200: #f5c6cc;
--color-raspberry-whip-300: #dea7ae;
--color-raspberry-whip-400: #c98a96;
--color-raspberry-whip-500: #b56f7c;
--color-raspberry-whip-600: #995e69;
--color-raspberry-whip-700: #7b4b54;
--color-raspberry-whip-800: #5b363e;
--color-raspberry-whip-900: #3f252b;
--color-raspberry-whip-950: #281318;
}SCSS
$raspberry-whip: #b3737f;
$raspberry-whip-rgb: 179, 115, 127;
$raspberry-whip-light: mix(#fff, $raspberry-whip, 20%);
$raspberry-whip-dark: mix(#000, $raspberry-whip, 20%);
.element {
color: $raspberry-whip;
box-shadow: 0 0 0 2px rgba($raspberry-whip, 0.35);
}