Nazwany kolor · #705536
Rustic Cabin
Rustic Cabin to #705536: rgb(112 85 54), hsl(32 35% 33%), oklch(0.47 0.058 69.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Rustic Cabin color name →
#705536
oklch(0.47 0.058 69.5)
Konwersje koloru
- HEX
- #705536
- RGB
- rgb(112 85 54)
- HSL
- hsl(32 35% 33%)
- HWB
- hwb(32 21% 56%)
- OKLCH
- oklch(0.47 0.058 69.5)
- OKLab
- oklab(0.47 0.02 0.054)
- CIE Lab
- lab(38.45 8.48 22.55)
- LCH
- lch(38.45 24.1 69.4)
- CMYK
- cmyk(0% 24% 52% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E6549
- 8B755C
- 99856F
- A79682
- B6A696
- C4B8AA
- D2C9BF
- E1DBD4
- F0EDE9
Odcienie ciemniejsze
- 60492E
- 513D25
- 43311E
- 352616
- 271C0F
- 1A1108
- 0E0803
- 040201
- 010000
Tony
- 72593E
- 745E45
- 75624D
- 776654
- 786B5B
- 7A6F63
- 7C736A
- 7D7771
- 7F7C79
Harmonie kolorów
Komplementarna +180°
- 705536
Rustic Cabin
- 415D7A
≈ China Pattern
Analogowa -30° +30°
- 705536
Rustic Cabin
- 775042
≈ Toasted Pecan
- 635C34
≈ Beach Casuarina
Triada +120° +240°
- 705536
Rustic Cabin
- 2F6562
≈ Strong Sage
- 655274
≈ Berry Syrup
Komplementarna rozszczepiona +150° +210°
- 705536
Rustic Cabin
- 326371
≈ Pedigree
- 54577B
≈ Blue Glaze
Tetrada +90° +180° +270°
- 705536
Rustic Cabin
- 3D654F
≈ Serbian Green
- 415D7A
≈ China Pattern
- 714E65
≈ Hibernation
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.90:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.04:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.90:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--rustic-cabin: #705536;
--rustic-cabin-rgb: 112 85 54;
--rustic-cabin-oklch: oklch(0.47 0.058 69.5);
}
.element {
color: var(--rustic-cabin);
background-color: hsl(32 35% 33%);
border-color: oklch(0.47 0.058 69.5);
}Tailwind CSS v4
@theme {
--color-rustic-cabin: #705536;
--color-rustic-cabin-50: #fff3e4;
--color-rustic-cabin-100: #f4e5d3;
--color-rustic-cabin-200: #e4d1ba;
--color-rustic-cabin-300: #cbb398;
--color-rustic-cabin-400: #b5997a;
--color-rustic-cabin-500: #9f805c;
--color-rustic-cabin-600: #876c4e;
--color-rustic-cabin-700: #6c563e;
--color-rustic-cabin-800: #503f2d;
--color-rustic-cabin-900: #382b1e;
--color-rustic-cabin-950: #22180e;
}SCSS
$rustic-cabin: #705536;
$rustic-cabin-rgb: 112, 85, 54;
$rustic-cabin-light: mix(#fff, $rustic-cabin, 20%);
$rustic-cabin-dark: mix(#000, $rustic-cabin, 20%);
.element {
color: $rustic-cabin;
box-shadow: 0 0 0 2px rgba($rustic-cabin, 0.35);
}