Nazwany kolor · #765A3F
Wooden Cabin
Wooden Cabin to #765A3F: rgb(118 90 63), hsl(29 30% 35%), oklch(0.489 0.054 65). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Wooden Cabin color name →
#765A3F
oklch(0.489 0.054 65)
Konwersje koloru
- HEX
- #765a3f
- RGB
- rgb(118 90 63)
- HSL
- hsl(29 30% 35%)
- HWB
- hwb(29 25% 54%)
- OKLCH
- oklch(0.489 0.054 65)
- OKLab
- oklab(0.489 0.023 0.049)
- CIE Lab
- lab(40.67 9.1 20.25)
- LCH
- lch(40.67 22.2 65.8)
- CMYK
- cmyk(0% 24% 47% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 836951
- 907963
- 9E8975
- AB9988
- B9A99B
- C7BAAE
- D5CBC2
- E3DCD6
- F1EDEA
Odcienie ciemniejsze
- 664D35
- 56412C
- 473523
- 38291B
- 291E12
- 1C130A
- 0F0904
- 050301
- 010000
Tony
- 775E46
- 78624C
- 796553
- 7B6959
- 7C6D60
- 7D7166
- 7D756D
- 7E7873
- 7F7C7A
Harmonie kolorów
Komplementarna +180°
- 765A3F
Wooden Cabin
- 46647D
≈ Stellar
Analogowa -30° +30°
- 765A3F
Wooden Cabin
- 7C554B
≈ Vandyck Brown
- 6A603C
≈ Classic Olive
Triada +120° +240°
- 765A3F
Wooden Cabin
- 3A6A64
≈ Betta Fish
- 675979
≈ Indigo Red
Komplementarna rozszczepiona +150° +210°
- 765A3F
Wooden Cabin
- 396874
≈ Muddy Cyan
- 575E7F
≈ When Worlds Collide
Tetrada +90° +180° +270°
- 765A3F
Wooden Cabin
- 476A53
≈ Green Perennial
- 46647D
≈ Stellar
- 74556D
≈ Exotic Orchid
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.35:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.30:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--wooden-cabin: #765a3f;
--wooden-cabin-rgb: 118 90 63;
--wooden-cabin-oklch: oklch(0.489 0.054 65);
}
.element {
color: var(--wooden-cabin);
background-color: hsl(29 30% 35%);
border-color: oklch(0.489 0.054 65);
}Tailwind CSS v4
@theme {
--color-wooden-cabin: #765a3f;
--color-wooden-cabin-50: #fff3e5;
--color-wooden-cabin-100: #f5e5d5;
--color-wooden-cabin-200: #e5d0bc;
--color-wooden-cabin-300: #cbb39a;
--color-wooden-cabin-400: #b5987d;
--color-wooden-cabin-500: #a07f60;
--color-wooden-cabin-600: #876c52;
--color-wooden-cabin-700: #6c5641;
--color-wooden-cabin-800: #503e2f;
--color-wooden-cabin-900: #382b20;
--color-wooden-cabin-950: #22180f;
}SCSS
$wooden-cabin: #765a3f;
$wooden-cabin-rgb: 118, 90, 63;
$wooden-cabin-light: mix(#fff, $wooden-cabin, 20%);
$wooden-cabin-dark: mix(#000, $wooden-cabin, 20%);
.element {
color: $wooden-cabin;
box-shadow: 0 0 0 2px rgba($wooden-cabin, 0.35);
}