Benannte Farbe · #865E49
Rawhide
Rawhide ist #865E49: rgb(134 94 73), hsl(21 29% 41%), oklch(0.519 0.061 48.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rawhide color name →
#865E49
oklch(0.519 0.061 48.6)
Farbumrechnungen
- HEX
- #865e49
- RGB
- rgb(134 94 73)
- HSL
- hsl(21 29% 41%)
- HWB
- hwb(21 29% 47%)
- OKLCH
- oklch(0.519 0.061 48.6)
- OKLab
- oklab(0.519 0.041 0.046)
- CIE Lab
- lab(43.85 14.83 18.89)
- LCH
- lch(43.85 24.02 51.9)
- CMYK
- cmyk(0% 30% 46% 47%)
Tints · Shades · Tones
Tints
- 926D5A
- 9E7C6B
- AA8C7C
- B69C8E
- C2ACA0
- CEBCB3
- DACCC5
- E6DDD8
- F3EEEB
Shades
- 74513E
- 624434
- 51372A
- 402B20
- 301F17
- 21140E
- 130A06
- 060302
- 010000
Tones
- 86624F
- 856554
- 85685A
- 856C5F
- 846F65
- 83736A
- 837670
- 827975
- 817D7B
Farbharmonien
Komplementär +180°
- 865E49
Rawhide
- 407085
≈ Am I Blue?
Analog -30° +30°
- 865E49
Rawhide
- 895A5B
≈ Barn Door
- 7C643F
≈ Rawhide Canoe
Triadisch +120° +240°
- 865E49
Rawhide
- 437462
≈ Christmas Ivy
- 67638A
≈ Twilight Purple
Geteilt komplementär +150° +210°
- 865E49
Rawhide
- 397476
≈ Ming
- 536A8C
≈ Wickford Bay
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.65:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.71:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.65:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--rawhide: #865e49;
--rawhide-rgb: 134 94 73;
--rawhide-oklch: oklch(0.519 0.061 48.6);
}
.element {
color: var(--rawhide);
background-color: hsl(21 29% 41%);
border-color: oklch(0.519 0.061 48.6);
}Tailwind CSS v4
@theme {
--color-rawhide: #865e49;
--color-rawhide-50: #fff1e6;
--color-rawhide-100: #fae3d6;
--color-rawhide-200: #ebcdbd;
--color-rawhide-300: #d2af9c;
--color-rawhide-400: #bd947f;
--color-rawhide-500: #a87a62;
--color-rawhide-600: #8e6853;
--color-rawhide-700: #725342;
--color-rawhide-800: #543c30;
--color-rawhide-900: #3b2921;
--color-rawhide-950: #251710;
}SCSS
$rawhide: #865e49;
$rawhide-rgb: 134, 94, 73;
$rawhide-light: mix(#fff, $rawhide, 20%);
$rawhide-dark: mix(#000, $rawhide, 20%);
.element {
color: $rawhide;
box-shadow: 0 0 0 2px rgba($rawhide, 0.35);
}