Nazwany kolor · #96512A
Rusty
Rusty to #96512A: rgb(150 81 42), hsl(22 56% 38%), oklch(0.51 0.106 48.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Rusty color name →
#96512A
oklch(0.51 0.106 48.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A16240
- AC7355
- B78469
- C2957E
- CDA693
- D7B7A8
- E1C9BD
- EBDBD3
- F5EDE9
Odcienie ciemniejsze
- 824523
- 6E3A1C
- 5B2F16
- 492410
- 371A0A
- 261005
- 160702
- 080201
- 010000
Tony
- 955634
- 935B3E
- 916047
- 8F6550
- 8D6A58
- 8B6F60
- 897368
- 867770
- 837C78
Harmonie kolorów
Komplementarna +180°
- 96512A
Rusty
- 007093
≈ Tropic Sea
Analogowa -30° +30°
- 96512A
Rusty
- 994A4E
≈ Regal Red
- 875D00
≈ Rat Brown
Triada +120° +240°
- 96512A
Rusty
- 00785B
≈ Ivy League
- 645B9F
≈ Giant Onion
Komplementarna rozszczepiona +150° +210°
- 96512A
Rusty
- 007578
≈ Maxi Teal
- 3E66A2
≈ Mariner
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.98:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.50:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}