Benannte Farbe · #B96364
Strawberry Rhubarb
Strawberry Rhubarb ist #B96364: rgb(185 99 100), hsl(359 38% 56%), oklch(0.6 0.111 20.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Strawberry Rhubarb color name →
#B96364
oklch(0.6 0.111 20.2)
Farbumrechnungen
- HEX
- #b96364
- RGB
- rgb(185 99 100)
- HSL
- hsl(359 38% 56%)
- HWB
- hwb(359 39% 27%)
- OKLCH
- oklch(0.6 0.111 20.2)
- OKLab
- oklab(0.6 0.104 0.038)
- CIE Lab
- lab(52.41 35.37 15.82)
- LCH
- lch(52.41 38.75 24.1)
- CMYK
- cmyk(0% 46% 46% 27%)
Tints · Shades · Tones
Tints
- C17273
- C98281
- D19190
- D8A19F
- DFB0AF
- E6C0BE
- EDCFCE
- F3DFDE
- F9EFEF
Shades
- A05556
- 894748
- 713A3B
- 5B2E2E
- 462122
- 311616
- 1E0B0B
- 0D0303
- 020000
Tones
- B46767
- AF6A6A
- AA6D6D
- A4706F
- 9F7372
- 997675
- 937978
- 8D7B7B
- 877E7D
Farbharmonien
Komplementär +180°
- B96364
Strawberry Rhubarb
- 009298
≈ Splashy
Analog -30° +30°
- B96364
Strawberry Rhubarb
- B16389
≈ Wild Mulberry
- B46B3F
≈ Truepenny
Triadisch +120° +240°
- B96364
Strawberry Rhubarb
- 5A904F
≈ Virgo Green Goddess
- 5880C2
≈ Sea Note
Geteilt komplementär +150° +210°
- B96364
Strawberry Rhubarb
- 1E9576
≈ Pool Table
- 208BB5
≈ Hidden Springs
Tetradisch +90° +180° +270°
- B96364
Strawberry Rhubarb
- 84862C
≈ Buffy Citrine
- 009298
≈ Splashy
- 8074BD
≈ Purple Hebe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.17:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.03:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.03:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--strawberry-rhubarb: #b96364;
--strawberry-rhubarb-rgb: 185 99 100;
--strawberry-rhubarb-oklch: oklch(0.6 0.111 20.2);
}
.element {
color: var(--strawberry-rhubarb);
background-color: hsl(359 38% 56%);
border-color: oklch(0.6 0.111 20.2);
}Tailwind CSS v4
@theme {
--color-strawberry-rhubarb: #b96364;
--color-strawberry-rhubarb-50: #ffe9e7;
--color-strawberry-rhubarb-100: #ffdad7;
--color-strawberry-rhubarb-200: #ffc2bf;
--color-strawberry-rhubarb-300: #eba19e;
--color-strawberry-rhubarb-400: #d88383;
--color-strawberry-rhubarb-500: #c56567;
--color-strawberry-rhubarb-600: #a65657;
--color-strawberry-rhubarb-700: #864546;
--color-strawberry-rhubarb-800: #633133;
--color-strawberry-rhubarb-900: #462123;
--color-strawberry-rhubarb-950: #2d1012;
}SCSS
$strawberry-rhubarb: #b96364;
$strawberry-rhubarb-rgb: 185, 99, 100;
$strawberry-rhubarb-light: mix(#fff, $strawberry-rhubarb, 20%);
$strawberry-rhubarb-dark: mix(#000, $strawberry-rhubarb, 20%);
.element {
color: $strawberry-rhubarb;
box-shadow: 0 0 0 2px rgba($strawberry-rhubarb, 0.35);
}