Adlandırılmış renk · #96512A
Rusty
Rusty, #96512A: rgb(150 81 42), hsl(22 56% 38%), oklch(0.51 0.106 48.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Rusty color name →
#96512A
oklch(0.51 0.106 48.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A16240
- AC7355
- B78469
- C2957E
- CDA693
- D7B7A8
- E1C9BD
- EBDBD3
- F5EDE9
Koyu tonlar
- 824523
- 6E3A1C
- 5B2F16
- 492410
- 371A0A
- 261005
- 160702
- 080201
- 010000
Gri tonlar
- 955634
- 935B3E
- 916047
- 8F6550
- 8D6A58
- 8B6F60
- 897368
- 867770
- 837C78
Renk uyumları
Tamamlayıcı +180°
- 96512A
Rusty
- 007093
≈ Tropic Sea
Analog -30° +30°
- 96512A
Rusty
- 994A4E
≈ Regal Red
- 875D00
≈ Rat Brown
Üçlü +120° +240°
- 96512A
Rusty
- 00785B
≈ Ivy League
- 645B9F
≈ Giant Onion
Bölünmüş tamamlayıcı +150° +210°
- 96512A
Rusty
- 007578
≈ Maxi Teal
- 3E66A2
≈ Mariner
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.98:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.50:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}