Benannte Farbe · #B3A18E
Light Spice
Light Spice ist #B3A18E: rgb(179 161 142), hsl(31 20% 63%), oklch(0.719 0.034 68.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Spice color name →
#B3A18E
oklch(0.719 0.034 68.8)
Farbumrechnungen
- HEX
- #b3a18e
- RGB
- rgb(179 161 142)
- HSL
- hsl(31 20% 63%)
- HWB
- hwb(31 56% 30%)
- OKLCH
- oklch(0.719 0.034 68.8)
- OKLab
- oklab(0.719 0.012 0.032)
- CIE Lab
- lab(67.44 4.5 12.46)
- LCH
- lch(67.44 13.24 70.1)
- CMYK
- cmyk(0% 10% 21% 30%)
Tints · Shades · Tones
Tints
- BAAA99
- C2B3A4
- C9BCAF
- D1C6BA
- D9CFC5
- E0D9D1
- E8E2DC
- F0ECE8
- F7F5F3
Shades
- 9B8B7B
- 847668
- 6E6256
- 584E44
- 433C34
- 2F2A24
- 1D1915
- 0C0907
- 010101
Tones
- AE9E8D
- A99A8B
- A3978A
- 9E9489
- 999087
- 948D86
- 8F8A84
- 8A8783
- 858381
Farbharmonien
Komplementär +180°
- B3A18E
Light Spice
- 94A7B9
≈ River Valley
Analog -30° +30°
- B3A18E
Light Spice
- B89E95
≈ Big Horn Mountains
- A9A58D
≈ Lodgepole Pines
Triadisch +120° +240°
- B3A18E
Light Spice
- 8DACA9
≈ Oceanus
- AB9FB5
≈ Grapeade
Geteilt komplementär +150° +210°
- B3A18E
Light Spice
- 8DAAB3
≈ Aquitaine
- 9FA3BA
≈ Icelandic Blue
Tetradisch +90° +180° +270°
- B3A18E
Light Spice
- 93AB9D
≈ Melville
- 94A7B9
≈ River Valley
- B49DAC
≈ Mauve Muslin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.49:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.40:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--light-spice: #b3a18e;
--light-spice-rgb: 179 161 142;
--light-spice-oklch: oklch(0.719 0.034 68.8);
}
.element {
color: var(--light-spice);
background-color: hsl(31 20% 63%);
border-color: oklch(0.719 0.034 68.8);
}Tailwind CSS v4
@theme {
--color-light-spice: #b3a18e;
--color-light-spice-50: #fcf4eb;
--color-light-spice-100: #efe6dc;
--color-light-spice-200: #ded2c5;
--color-light-spice-300: #c3b5a5;
--color-light-spice-400: #ac9b89;
--color-light-spice-500: #96826e;
--color-light-spice-600: #7e6e5d;
--color-light-spice-700: #65584b;
--color-light-spice-800: #4b4036;
--color-light-spice-900: #342c25;
--color-light-spice-950: #1f1913;
}SCSS
$light-spice: #b3a18e;
$light-spice-rgb: 179, 161, 142;
$light-spice-light: mix(#fff, $light-spice, 20%);
$light-spice-dark: mix(#000, $light-spice, 20%);
.element {
color: $light-spice;
box-shadow: 0 0 0 2px rgba($light-spice, 0.35);
}