Benannte Farbe · #BB715B
Spiced
Spiced ist #BB715B: rgb(187 113 91), hsl(14 41% 55%), oklch(0.624 0.1 37.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Spiced color name →
#BB715B
oklch(0.624 0.1 37.3)
Farbumrechnungen
- HEX
- #bb715b
- RGB
- rgb(187 113 91)
- HSL
- hsl(14 41% 55%)
- HWB
- hwb(14 36% 27%)
- OKLCH
- oklch(0.624 0.1 37.3)
- OKLab
- oklab(0.624 0.079 0.061)
- CIE Lab
- lab(55.61 28.33 25.27)
- LCH
- lch(55.61 37.97 41.7)
- CMYK
- cmyk(0% 40% 51% 27%)
Tints · Shades · Tones
Tints
- C37F6B
- CA8D7B
- D19B8B
- D9A99B
- DFB7AB
- E6C5BB
- EDD4CC
- F3E2DD
- F9F0EE
Shades
- A2614E
- 8A5241
- 734335
- 5C3529
- 46271E
- 321A13
- 1F0E09
- 0D0403
- 020100
Tones
- B6735F
- B07563
- AB7767
- A5786B
- 9F7A6F
- 997B72
- 937D76
- 8D7E79
- 877F7D
Farbharmonien
Komplementär +180°
- BB715B
Spiced
- 2B96AF
≈ Tropical Lagoon
Analog -30° +30°
- BB715B
Spiced
- BA6D7D
≈ Rose Gold
- AF7B40
≈ Vintage Lincoln
Triadisch +120° +240°
- BB715B
Spiced
- 4E996F
≈ Smaragdine
- 7981C3
≈ Twilight Twinkle
Geteilt komplementär +150° +210°
- BB715B
Spiced
- 259B92
≈ Azure Tide
- 538CC0
≈ Danube
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.73:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.62:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--spiced: #bb715b;
--spiced-rgb: 187 113 91;
--spiced-oklch: oklch(0.624 0.1 37.3);
}
.element {
color: var(--spiced);
background-color: hsl(14 41% 55%);
border-color: oklch(0.624 0.1 37.3);
}Tailwind CSS v4
@theme {
--color-spiced: #bb715b;
--color-spiced-50: #ffece0;
--color-spiced-100: #ffddd0;
--color-spiced-200: #fbc7b5;
--color-spiced-300: #e5a691;
--color-spiced-400: #d28974;
--color-spiced-500: #be6d55;
--color-spiced-600: #a15d48;
--color-spiced-700: #814a3a;
--color-spiced-800: #60352a;
--color-spiced-900: #43241c;
--color-spiced-950: #2b130c;
}SCSS
$spiced: #bb715b;
$spiced-rgb: 187, 113, 91;
$spiced-light: mix(#fff, $spiced, 20%);
$spiced-dark: mix(#000, $spiced, 20%);
.element {
color: $spiced;
box-shadow: 0 0 0 2px rgba($spiced, 0.35);
}