Benannte Farbe · #A97164
Tangier
Tangier ist #A97164: rgb(169 113 100), hsl(11 29% 53%), oklch(0.604 0.074 33.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tangier color name →
#A97164
oklch(0.604 0.074 33.6)
Farbumrechnungen
- HEX
- #a97164
- RGB
- rgb(169 113 100)
- HSL
- hsl(11 29% 53%)
- HWB
- hwb(11 39% 34%)
- OKLCH
- oklch(0.604 0.074 33.6)
- OKLab
- oklab(0.604 0.062 0.041)
- CIE Lab
- lab(53.43 21.62 16.74)
- LCH
- lch(53.43 27.34 37.8)
- CMYK
- cmyk(0% 33% 41% 34%)
Tints · Shades · Tones
Tints
- B27F73
- BB8C81
- C49A90
- CDA8A0
- D5B6AF
- DEC5BF
- E6D3CE
- EEE2DE
- F7F0EF
Shades
- 926156
- 7C5248
- 67433B
- 53352E
- 3F2722
- 2C1A16
- 1B0E0B
- 0A0403
- 010100
Tones
- A57367
- A1746A
- 9E766D
- 9A7870
- 967972
- 927B75
- 8D7C78
- 897D7B
- 857F7D
Farbharmonien
Komplementär +180°
- A97164
Tangier
- 468D9C
≈ Winter Time
Analog -30° +30°
- A97164
Tangier
- A76E7C
≈ Black Elder
- A17851
≈ Leather Chair
Triadisch +120° +240°
- A97164
Tangier
- 5D8F6D
≈ Murdoch
- 737EAE
≈ Bright Zenith
Geteilt komplementär +150° +210°
- A97164
Tangier
- 489086
≈ Lochinvar
- 5987AB
≈ Blueberry Muffin
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.01:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.23:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--tangier: #a97164;
--tangier-rgb: 169 113 100;
--tangier-oklch: oklch(0.604 0.074 33.6);
}
.element {
color: var(--tangier);
background-color: hsl(11 29% 53%);
border-color: oklch(0.604 0.074 33.6);
}Tailwind CSS v4
@theme {
--color-tangier: #a97164;
--color-tangier-50: #ffeee7;
--color-tangier-100: #ffe0d7;
--color-tangier-200: #f2cabf;
--color-tangier-300: #daab9e;
--color-tangier-400: #c68f82;
--color-tangier-500: #b27466;
--color-tangier-600: #966256;
--color-tangier-700: #794e45;
--color-tangier-800: #593932;
--color-tangier-900: #3f2722;
--color-tangier-950: #281511;
}SCSS
$tangier: #a97164;
$tangier-rgb: 169, 113, 100;
$tangier-light: mix(#fff, $tangier, 20%);
$tangier-dark: mix(#000, $tangier, 20%);
.element {
color: $tangier;
box-shadow: 0 0 0 2px rgba($tangier, 0.35);
}