Benannte Farbe · #644B41
Chaps
Chaps ist #644B41: rgb(100 75 65), hsl(17 21% 32%), oklch(0.436 0.038 42.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Chaps color name →
#644B41
oklch(0.436 0.038 42.8)
Farbumrechnungen
- HEX
- #644b41
- RGB
- rgb(100 75 65)
- HSL
- hsl(17 21% 32%)
- HWB
- hwb(17 25% 61%)
- OKLCH
- oklch(0.436 0.038 42.8)
- OKLab
- oklab(0.436 0.028 0.026)
- CIE Lab
- lab(34.4 9.78 10.29)
- LCH
- lch(34.4 14.19 46.5)
- CMYK
- cmyk(0% 25% 35% 61%)
Tints · Shades · Tones
Tints
- 735B52
- 816C63
- 907D75
- A08F88
- AFA19B
- BFB3AE
- CEC5C2
- DED8D6
- EFEBEA
Shades
- 564037
- 48352E
- 3B2B25
- 2E211C
- 221713
- 160E0B
- 0B0605
- 030201
- 000000
Tones
- 675047
- 6A554D
- 6D5B53
- 70605A
- 726560
- 756A66
- 78706D
- 7B7573
- 7D7B79
Farbharmonien
Komplementär +180°
- 644B41
Chaps
- 3A5661
≈ Kingfisher
Analog -30° +30°
- 644B41
Chaps
- 65494C
≈ Chocolate Eclair
- 5F4F3A
≈ Oak Plank
Triadisch +120° +240°
- 644B41
Chaps
- 3E584B
≈ Plantation
- 4E4F66
≈ Legendary Purple
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.00:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--chaps: #644b41;
--chaps-rgb: 100 75 65;
--chaps-oklch: oklch(0.436 0.038 42.8);
}
.element {
color: var(--chaps);
background-color: hsl(17 21% 32%);
border-color: oklch(0.436 0.038 42.8);
}Tailwind CSS v4
@theme {
--color-chaps: #644b41;
--color-chaps-50: #fff2ec;
--color-chaps-100: #f3e4de;
--color-chaps-200: #e3d0c7;
--color-chaps-300: #c9b2a8;
--color-chaps-400: #b3988d;
--color-chaps-500: #9d7e72;
--color-chaps-600: #846b61;
--color-chaps-700: #6a564d;
--color-chaps-800: #4e3e38;
--color-chaps-900: #362b27;
--color-chaps-950: #211815;
}SCSS
$chaps: #644b41;
$chaps-rgb: 100, 75, 65;
$chaps-light: mix(#fff, $chaps, 20%);
$chaps-dark: mix(#000, $chaps, 20%);
.element {
color: $chaps;
box-shadow: 0 0 0 2px rgba($chaps, 0.35);
}