Benannte Farbe · #8E604B
Tamarind Tart
Tamarind Tart ist #8E604B: rgb(142 96 75), hsl(19 31% 43%), oklch(0.533 0.068 45.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Tamarind Tart color name →
#8E604B
oklch(0.533 0.068 45.4)
Farbumrechnungen
- HEX
- #8e604b
- RGB
- rgb(142 96 75)
- HSL
- hsl(19 31% 43%)
- HWB
- hwb(19 29% 44%)
- OKLCH
- oklch(0.533 0.068 45.4)
- OKLab
- oklab(0.533 0.048 0.049)
- CIE Lab
- lab(45.4 17.38 19.97)
- LCH
- lch(45.4 26.47 49)
- CMYK
- cmyk(0% 32% 47% 44%)
Tints · Shades · Tones
Tints
- 996F5C
- A57E6D
- B08D7E
- BB9D90
- C7ADA1
- D2BDB4
- DDCDC6
- E8DED9
- F4EEEC
Shades
- 7B5240
- 684535
- 56382B
- 442C21
- 342017
- 24150E
- 150A06
- 070302
- 010000
Tones
- 8D6350
- 8C6756
- 8B6A5B
- 8A6D61
- 887066
- 87746B
- 857770
- 847A76
- 827D7B
Farbharmonien
Komplementär +180°
- 8E604B
Tamarind Tart
- 3D758B
≈ English River
Analog -30° +30°
- 8E604B
Tamarind Tart
- 905C60
≈ Spiced Potpourri
- 84673E
≈ Dirt Brown
Triadisch +120° +240°
- 8E604B
Tamarind Tart
- 437963
≈ Leaping Lizard
- 686793
≈ Dark Horizon
Geteilt komplementär +150° +210°
- 8E604B
Tamarind Tart
- 357979
≈ Atoll
- 526E94
≈ Riverside
Tetradisch +90° +180° +270°
- 8E604B
Tamarind Tart
- 5B764D
≈ Willow Bough
- 3D758B
≈ English River
- 7C6188
≈ Dusty Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.35:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.92:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--tamarind-tart: #8e604b;
--tamarind-tart-rgb: 142 96 75;
--tamarind-tart-oklch: oklch(0.533 0.068 45.4);
}
.element {
color: var(--tamarind-tart);
background-color: hsl(19 31% 43%);
border-color: oklch(0.533 0.068 45.4);
}Tailwind CSS v4
@theme {
--color-tamarind-tart: #8e604b;
--color-tamarind-tart-50: #fff0e5;
--color-tamarind-tart-100: #fce2d5;
--color-tamarind-tart-200: #eeccbc;
--color-tamarind-tart-300: #d6ad9a;
--color-tamarind-tart-400: #c1927d;
--color-tamarind-tart-500: #ac7860;
--color-tamarind-tart-600: #926652;
--color-tamarind-tart-700: #755141;
--color-tamarind-tart-800: #573b2f;
--color-tamarind-tart-900: #3d2820;
--color-tamarind-tart-950: #26160f;
}SCSS
$tamarind-tart: #8e604b;
$tamarind-tart-rgb: 142, 96, 75;
$tamarind-tart-light: mix(#fff, $tamarind-tart, 20%);
$tamarind-tart-dark: mix(#000, $tamarind-tart, 20%);
.element {
color: $tamarind-tart;
box-shadow: 0 0 0 2px rgba($tamarind-tart, 0.35);
}