Benannte Farbe · #97725F
Tangara
Tangara ist #97725F: rgb(151 114 95), hsl(20 23% 48%), oklch(0.584 0.055 48.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Tangara color name →
#97725F
oklch(0.584 0.055 48.4)
Farbumrechnungen
- HEX
- #97725f
- RGB
- rgb(151 114 95)
- HSL
- hsl(20 23% 48%)
- HWB
- hwb(20 37% 41%)
- OKLCH
- oklch(0.584 0.055 48.4)
- OKLab
- oklab(0.584 0.036 0.041)
- CIE Lab
- lab(51.43 13.07 16.51)
- LCH
- lch(51.43 21.06 51.6)
- CMYK
- cmyk(0% 25% 37% 41%)
Tints · Shades · Tones
Tints
- A17F6E
- AC8D7D
- B69B8D
- C0A89C
- CBB6AC
- D5C5BC
- E0D3CD
- EAE1DD
- F4F0EE
Shades
- 836252
- 6F5344
- 5C4438
- 49362C
- 372820
- 261B15
- 170E0A
- 080403
- 010100
Tones
- 957462
- 937566
- 917669
- 8E786D
- 8C7970
- 8A7B73
- 877C76
- 857D7A
- 837F7D
Farbharmonien
Komplementär +180°
- 97725F
Tangara
- 588295
≈ Blue Moon Bay
Analog -30° +30°
- 97725F
Tangara
- 996F6F
≈ Homestead Red
- 8D7856
≈ Hair Brown
Triadisch +120° +240°
- 97725F
Tangara
- 5B8675
≈ Dark Jade
- 7A779B
≈ Benimidori Purple
Geteilt komplementär +150° +210°
- 97725F
Tangara
- 538687
≈ Rainier Blue
- 687D9C
≈ Blue Oar
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.29:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.88:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.88:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--tangara: #97725f;
--tangara-rgb: 151 114 95;
--tangara-oklch: oklch(0.584 0.055 48.4);
}
.element {
color: var(--tangara);
background-color: hsl(20 23% 48%);
border-color: oklch(0.584 0.055 48.4);
}Tailwind CSS v4
@theme {
--color-tangara: #97725f;
--color-tangara-50: #fff1e7;
--color-tangara-100: #f8e3d8;
--color-tangara-200: #e9cec0;
--color-tangara-300: #cfb09f;
--color-tangara-400: #ba9582;
--color-tangara-500: #a57c66;
--color-tangara-600: #8b6957;
--color-tangara-700: #705445;
--color-tangara-800: #533d32;
--color-tangara-900: #3a2a22;
--color-tangara-950: #241711;
}SCSS
$tangara: #97725f;
$tangara-rgb: 151, 114, 95;
$tangara-light: mix(#fff, $tangara, 20%);
$tangara-dark: mix(#000, $tangara, 20%);
.element {
color: $tangara;
box-shadow: 0 0 0 2px rgba($tangara, 0.35);
}