Benannte Farbe · #9F5233
Taisha Red
Taisha Red ist #9F5233: rgb(159 82 51), hsl(17 51% 41%), oklch(0.526 0.111 41.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Taisha Red color name →
#9F5233
oklch(0.526 0.111 41.9)
Farbumrechnungen
- HEX
- #9f5233
- RGB
- rgb(159 82 51)
- HSL
- hsl(17 51% 41%)
- HWB
- hwb(17 20% 38%)
- OKLCH
- oklch(0.526 0.111 41.9)
- OKLab
- oklab(0.526 0.083 0.075)
- CIE Lab
- lab(44.18 30.74 32.92)
- LCH
- lch(44.18 45.04 47)
- CMYK
- cmyk(0% 48% 68% 38%)
Tints · Shades · Tones
Tints
- AA6347
- B4745B
- BE856F
- C89683
- D2A797
- DBB8AB
- E4CAC0
- EEDBD4
- F6EDEA
Shades
- 8A462B
- 753B23
- 612F1C
- 4D2514
- 3B1A0D
- 291107
- 180803
- 090201
- 010000
Tones
- 9D573C
- 9A5C44
- 98614C
- 956654
- 926B5C
- 8F6F63
- 8C746A
- 887872
- 847C79
Farbharmonien
Komplementär +180°
- 9F5233
Taisha Red
- 007692
≈ Blue Luxury
Analog -30° +30°
- 9F5233
Taisha Red
- A04C59
≈ Black Pudding
- 925E03
≈ Rat Brown
Triadisch +120° +240°
- 9F5233
Taisha Red
- 0F7E56
≈ Irish Beauty
- 6161A9
≈ Blue Iris
Geteilt komplementär +150° +210°
- 9F5233
Taisha Red
- 007B78
≈ Surfie Green
- 356DA9
≈ Nocturne Shade
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.63:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.72:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--taisha-red: #9f5233;
--taisha-red-rgb: 159 82 51;
--taisha-red-oklch: oklch(0.526 0.111 41.9);
}
.element {
color: var(--taisha-red);
background-color: hsl(17 51% 41%);
border-color: oklch(0.526 0.111 41.9);
}Tailwind CSS v4
@theme {
--color-taisha-red: #9f5233;
--color-taisha-red-50: #ffecdc;
--color-taisha-red-100: #ffddca;
--color-taisha-red-200: #fec6ae;
--color-taisha-red-300: #e8a589;
--color-taisha-red-400: #d68869;
--color-taisha-red-500: #c36b48;
--color-taisha-red-600: #a55b3d;
--color-taisha-red-700: #844831;
--color-taisha-red-800: #623423;
--color-taisha-red-900: #452317;
--color-taisha-red-950: #2d1208;
}SCSS
$taisha-red: #9f5233;
$taisha-red-rgb: 159, 82, 51;
$taisha-red-light: mix(#fff, $taisha-red, 20%);
$taisha-red-dark: mix(#000, $taisha-red, 20%);
.element {
color: $taisha-red;
box-shadow: 0 0 0 2px rgba($taisha-red, 0.35);
}