Benannte Farbe · #9A6844
Chestnut Beach
Chestnut Beach ist #9A6844: rgb(154 104 68), hsl(25 39% 44%), oklch(0.562 0.082 55.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Chestnut Beach color name →
#9A6844
oklch(0.562 0.082 55.9)
Farbumrechnungen
- HEX
- #9a6844
- RGB
- rgb(154 104 68)
- HSL
- hsl(25 39% 44%)
- HWB
- hwb(25 27% 40%)
- OKLCH
- oklch(0.562 0.082 55.9)
- OKLab
- oklab(0.562 0.046 0.068)
- CIE Lab
- lab(48.84 17.71 28.68)
- LCH
- lch(48.84 33.71 58.3)
- CMYK
- cmyk(0% 32% 56% 40%)
Tints · Shades · Tones
Tints
- A47656
- AF8568
- B9947A
- C3A38D
- CDB29F
- D7C1B2
- E1D0C5
- EBE0D8
- F5EFEB
Shades
- 85593A
- 714B30
- 5E3E26
- 4B301D
- 392414
- 27180C
- 170C05
- 090402
- 010000
Tones
- 986B4B
- 956D51
- 937057
- 91725E
- 8E7563
- 8C7769
- 89796F
- 867C75
- 837E7A
Farbharmonien
Komplementär +180°
- 9A6844
Chestnut Beach
- 417C9F
≈ Linoleum Blue
Analog -30° +30°
- 9A6844
Chestnut Beach
- A0625C
≈ Savannah Red
- 8B7138
≈ Sepia Yellow
Triadisch +120° +240°
- 9A6844
Chestnut Beach
- 368573
≈ Emerald Whispers
- 796BA0
≈ Toy Mauve
Geteilt komplementär +150° +210°
- 9A6844
Chestnut Beach
- 2B838D
≈ Sea Bed
- 5E74A6
≈ Blue Yonder
Tetradisch +90° +180° +270°
- 9A6844
Chestnut Beach
- 558258
≈ Magic Sage
- 417C9F
≈ Linoleum Blue
- 8E648F
≈ Hashita Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.73:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.43:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--chestnut-beach: #9a6844;
--chestnut-beach-rgb: 154 104 68;
--chestnut-beach-oklch: oklch(0.562 0.082 55.9);
}
.element {
color: var(--chestnut-beach);
background-color: hsl(25 39% 44%);
border-color: oklch(0.562 0.082 55.9);
}Tailwind CSS v4
@theme {
--color-chestnut-beach: #9a6844;
--color-chestnut-beach-50: #fff0df;
--color-chestnut-beach-100: #fee2ce;
--color-chestnut-beach-200: #f0ccb2;
--color-chestnut-beach-300: #d8ae8e;
--color-chestnut-beach-400: #c4926f;
--color-chestnut-beach-500: #b0774f;
--color-chestnut-beach-600: #956543;
--color-chestnut-beach-700: #775136;
--color-chestnut-beach-800: #593a26;
--color-chestnut-beach-900: #3e281a;
--color-chestnut-beach-950: #27160a;
}SCSS
$chestnut-beach: #9a6844;
$chestnut-beach-rgb: 154, 104, 68;
$chestnut-beach-light: mix(#fff, $chestnut-beach, 20%);
$chestnut-beach-dark: mix(#000, $chestnut-beach, 20%);
.element {
color: $chestnut-beach;
box-shadow: 0 0 0 2px rgba($chestnut-beach, 0.35);
}