Benannte Farbe · #96512A
Rusty
Rusty ist #96512A: rgb(150 81 42), hsl(22 56% 38%), oklch(0.51 0.106 48.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rusty color name →
#96512A
oklch(0.51 0.106 48.2)
Farbumrechnungen
- HEX
- #96512a
- RGB
- rgb(150 81 42)
- HSL
- hsl(22 56% 38%)
- HWB
- hwb(22 16% 41%)
- OKLCH
- oklch(0.51 0.106 48.2)
- OKLab
- oklab(0.51 0.071 0.079)
- CIE Lab
- lab(42.5 27.11 35.52)
- LCH
- lch(42.5 44.68 52.7)
- CMYK
- cmyk(0% 46% 72% 41%)
Tints · Shades · Tones
Tints
- A16240
- AC7355
- B78469
- C2957E
- CDA693
- D7B7A8
- E1C9BD
- EBDBD3
- F5EDE9
Shades
- 824523
- 6E3A1C
- 5B2F16
- 492410
- 371A0A
- 261005
- 160702
- 080201
- 010000
Tones
- 955634
- 935B3E
- 916047
- 8F6550
- 8D6A58
- 8B6F60
- 897368
- 867770
- 837C78
Farbharmonien
Komplementär +180°
- 96512A
Rusty
- 007093
≈ Tropic Sea
Analog -30° +30°
- 96512A
Rusty
- 994A4E
≈ Regal Red
- 875D00
≈ Rat Brown
Triadisch +120° +240°
- 96512A
Rusty
- 00785B
≈ Ivy League
- 645B9F
≈ Giant Onion
Geteilt komplementär +150° +210°
- 96512A
Rusty
- 007578
≈ Maxi Teal
- 3E66A2
≈ Mariner
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.98:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.50:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--rusty: #96512a;
--rusty-rgb: 150 81 42;
--rusty-oklch: oklch(0.51 0.106 48.2);
}
.element {
color: var(--rusty);
background-color: hsl(22 56% 38%);
border-color: oklch(0.51 0.106 48.2);
}Tailwind CSS v4
@theme {
--color-rusty: #96512a;
--color-rusty-50: #ffeddb;
--color-rusty-100: #ffdec9;
--color-rusty-200: #fac8ac;
--color-rusty-300: #e4a886;
--color-rusty-400: #d28b66;
--color-rusty-500: #be6f43;
--color-rusty-600: #a15e3a;
--color-rusty-700: #814b2e;
--color-rusty-800: #603621;
--color-rusty-900: #432516;
--color-rusty-950: #2b1307;
}SCSS
$rusty: #96512a;
$rusty-rgb: 150, 81, 42;
$rusty-light: mix(#fff, $rusty, 20%);
$rusty-dark: mix(#000, $rusty, 20%);
.element {
color: $rusty;
box-shadow: 0 0 0 2px rgba($rusty, 0.35);
}