Benannte Farbe · #A97765
Chutney Brown
Chutney Brown ist #A97765: rgb(169 119 101), hsl(16 28% 53%), oklch(0.615 0.069 40.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Chutney Brown color name →
#A97765
oklch(0.615 0.069 40.6)
Farbumrechnungen
- HEX
- #a97765
- RGB
- rgb(169 119 101)
- HSL
- hsl(16 28% 53%)
- HWB
- hwb(16 40% 34%)
- OKLCH
- oklch(0.615 0.069 40.6)
- OKLab
- oklab(0.615 0.052 0.045)
- CIE Lab
- lab(54.91 18.48 18.15)
- LCH
- lch(54.91 25.91 44.5)
- CMYK
- cmyk(0% 30% 40% 34%)
Tints · Shades · Tones
Tints
- B28474
- BB9182
- C39E91
- CCACA0
- D5B9B0
- DDC7BF
- E6D5CF
- EEE3DF
- F7F1EF
Shades
- 926757
- 7C5749
- 67473C
- 53382F
- 3F2A22
- 2C1C17
- 1B100C
- 0A0503
- 010100
Tones
- A57868
- A1796B
- 9D7A6E
- 997B70
- 957C73
- 917D76
- 8D7E78
- 897F7B
- 847F7D
Farbharmonien
Komplementär +180°
- A97765
Chutney Brown
- 538FA2
≈ Aegean Sea
Analog -30° +30°
- A97765
Chutney Brown
- AA747B
≈ French Marron
- 9F7E56
≈ Grecian Gold
Triadisch +120° +240°
- A97765
Chutney Brown
- 5F9277
≈ Deep Grass Green
- 7D80AE
≈ Roseine Plum
Geteilt komplementär +150° +210°
- A97765
Chutney Brown
- 4F928E
≈ Mirage Lake
- 6588AD
≈ Perfect Periwinkle
Tetradisch +90° +180° +270°
- A97765
Chutney Brown
- 778E62
≈ Villandry
- 538FA2
≈ Aegean Sea
- 9279A4
≈ Pickled Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.80:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.51:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--chutney-brown: #a97765;
--chutney-brown-rgb: 169 119 101;
--chutney-brown-oklch: oklch(0.615 0.069 40.6);
}
.element {
color: var(--chutney-brown);
background-color: hsl(16 28% 53%);
border-color: oklch(0.615 0.069 40.6);
}Tailwind CSS v4
@theme {
--color-chutney-brown: #a97765;
--color-chutney-brown-50: #ffefe6;
--color-chutney-brown-100: #fde1d6;
--color-chutney-brown-200: #efcbbd;
--color-chutney-brown-300: #d7ad9c;
--color-chutney-brown-400: #c39180;
--color-chutney-brown-500: #ae7763;
--color-chutney-brown-600: #936554;
--color-chutney-brown-700: #765043;
--color-chutney-brown-800: #573a31;
--color-chutney-brown-900: #3d2821;
--color-chutney-brown-950: #261610;
}SCSS
$chutney-brown: #a97765;
$chutney-brown-rgb: 169, 119, 101;
$chutney-brown-light: mix(#fff, $chutney-brown, 20%);
$chutney-brown-dark: mix(#000, $chutney-brown, 20%);
.element {
color: $chutney-brown;
box-shadow: 0 0 0 2px rgba($chutney-brown, 0.35);
}