Benannte Farbe · #C19859
Townhouse Tan
Townhouse Tan ist #C19859: rgb(193 152 89), hsl(36 46% 55%), oklch(0.704 0.095 77). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Townhouse Tan color name →
#C19859
oklch(0.704 0.095 77)
Farbumrechnungen
- HEX
- #c19859
- RGB
- rgb(193 152 89)
- HSL
- hsl(36 46% 55%)
- HWB
- hwb(36 35% 24%)
- OKLCH
- oklch(0.704 0.095 77)
- OKLab
- oklab(0.704 0.021 0.092)
- CIE Lab
- lab(65.73 10.3 38.98)
- LCH
- lch(65.73 40.32 75.2)
- CMYK
- cmyk(0% 21% 54% 24%)
Tints · Shades · Tones
Tints
- C7A26A
- CEAC7B
- D4B78C
- DAC19C
- E0CBAD
- E6D5BD
- EDE0CD
- F3EADE
- F9F5EE
Shades
- A7844C
- 8F7040
- 775C34
- 5F4A28
- 49381D
- 342713
- 201709
- 0E0803
- 020100
Tones
- BA965E
- B49463
- AD9168
- A78F6C
- A08D70
- 9A8A73
- 938877
- 8D857A
- 86837D
Farbharmonien
Komplementär +180°
- C19859
Townhouse Tan
- 79A2DA
≈ Kindred
Analog -30° +30°
- C19859
Townhouse Tan
- D18D6C
≈ Cinnamon Brandy
- A6A45C
≈ Rickrack
Triadisch +120° +240°
- C19859
Townhouse Tan
- 4BB2B4
≈ Crystalsong Blue
- B88DC7
≈ Lavender Blaze
Geteilt komplementär +150° +210°
- C19859
Townhouse Tan
- 58ACCD
≈ Frozen Wave
- 9B97D8
≈ Bluebell Frost
Tetradisch +90° +180° +270°
- C19859
Townhouse Tan
- 60B393
≈ Electra
- 79A2DA
≈ Kindred
- CB87AB
≈ Moonlight Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.65:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.90:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--townhouse-tan: #c19859;
--townhouse-tan-rgb: 193 152 89;
--townhouse-tan-oklch: oklch(0.704 0.095 77);
}
.element {
color: var(--townhouse-tan);
background-color: hsl(36 46% 55%);
border-color: oklch(0.704 0.095 77);
}Tailwind CSS v4
@theme {
--color-townhouse-tan: #c19859;
--color-townhouse-tan-50: #fff3d7;
--color-townhouse-tan-100: #f9e5c5;
--color-townhouse-tan-200: #ead0a7;
--color-townhouse-tan-300: #d2b280;
--color-townhouse-tan-400: #be975c;
--color-townhouse-tan-500: #a97d35;
--color-townhouse-tan-600: #8f6a2e;
--color-townhouse-tan-700: #735525;
--color-townhouse-tan-800: #553d19;
--color-townhouse-tan-900: #3c2a10;
--color-townhouse-tan-950: #251803;
}SCSS
$townhouse-tan: #c19859;
$townhouse-tan-rgb: 193, 152, 89;
$townhouse-tan-light: mix(#fff, $townhouse-tan, 20%);
$townhouse-tan-dark: mix(#000, $townhouse-tan, 20%);
.element {
color: $townhouse-tan;
box-shadow: 0 0 0 2px rgba($townhouse-tan, 0.35);
}