Benannte Farbe · #85443F
Spiced Berry
Spiced Berry ist #85443F: rgb(133 68 63), hsl(4 36% 38%), oklch(0.466 0.09 25.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Spiced Berry color name →
#85443F
oklch(0.466 0.09 25.7)
Farbumrechnungen
- HEX
- #85443f
- RGB
- rgb(133 68 63)
- HSL
- hsl(4 36% 38%)
- HWB
- hwb(4 25% 48%)
- OKLCH
- oklch(0.466 0.09 25.7)
- OKLab
- oklab(0.466 0.081 0.039)
- CIE Lab
- lab(37.23 28.01 16.29)
- LCH
- lch(37.23 32.4 30.2)
- CMYK
- cmyk(0% 49% 53% 48%)
Tints · Shades · Tones
Tints
- 925650
- 9F6862
- AB7A74
- B78C87
- C49E9A
- D0B1AE
- DCC4C1
- E8D8D6
- F3EBEA
Shades
- 733A35
- 61302C
- 502623
- 401D1B
- 301412
- 210C0A
- 130504
- 060201
- 010000
Tones
- 854A45
- 86514C
- 865752
- 855D59
- 85635F
- 846966
- 846F6C
- 837473
- 817A79
Farbharmonien
Komplementär +180°
- 85443F
Spiced Berry
- 00666F
≈ Wakame Green
Analog -30° +30°
- 85443F
Spiced Berry
- 81435C
≈ Wild Plum
- 804B22
≈ Mummy Brown
Triadisch +120° +240°
- 85443F
Spiced Berry
- 36673A
≈ Vegas Green
- 42588C
≈ Lambent Lagoon
Geteilt komplementär +150° +210°
- 85443F
Spiced Berry
- 006958
≈ Fresh Ivy Green
- 186185
≈ Blue Velvet
Tetradisch +90° +180° +270°
- 85443F
Spiced Berry
- 58601C
≈ Kirchner Green
- 00666F
≈ Wakame Green
- 5E4E86
≈ Bright Eggplant
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.25:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--spiced-berry: #85443f;
--spiced-berry-rgb: 133 68 63;
--spiced-berry-oklch: oklch(0.466 0.09 25.7);
}
.element {
color: var(--spiced-berry);
background-color: hsl(4 36% 38%);
border-color: oklch(0.466 0.09 25.7);
}Tailwind CSS v4
@theme {
--color-spiced-berry: #85443f;
--color-spiced-berry-50: #ffece7;
--color-spiced-berry-100: #ffddd8;
--color-spiced-berry-200: #f9c6bf;
--color-spiced-berry-300: #e2a69e;
--color-spiced-berry-400: #ce8a83;
--color-spiced-berry-500: #ba6e67;
--color-spiced-berry-600: #9e5d57;
--color-spiced-berry-700: #7e4a46;
--color-spiced-berry-800: #5e3533;
--color-spiced-berry-900: #422423;
--color-spiced-berry-950: #2a1312;
}SCSS
$spiced-berry: #85443f;
$spiced-berry-rgb: 133, 68, 63;
$spiced-berry-light: mix(#fff, $spiced-berry, 20%);
$spiced-berry-dark: mix(#000, $spiced-berry, 20%);
.element {
color: $spiced-berry;
box-shadow: 0 0 0 2px rgba($spiced-berry, 0.35);
}