Nazwany kolor · #8D793E
Banyan Tree
Banyan Tree to #8D793E: rgb(141 121 62), hsl(45 39% 40%), oklch(0.582 0.082 91). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Banyan Tree color name →
#8D793E
oklch(0.582 0.082 91)
Konwersje koloru
- HEX
- #8d793e
- RGB
- rgb(141 121 62)
- HSL
- hsl(45 39% 40%)
- HWB
- hwb(45 24% 45%)
- OKLCH
- oklch(0.582 0.082 91)
- OKLab
- oklab(0.582 -0.001 0.082)
- CIE Lab
- lab(51.75 2.28 34.91)
- LCH
- lch(51.75 34.98 86.3)
- CMYK
- cmyk(0% 14% 56% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 988652
- A39365
- AEA078
- B9AD8B
- C5BA9D
- D0C8B1
- DCD5C4
- E7E3D7
- F3F1EB
Odcienie ciemniejsze
- 7A6835
- 67582B
- 554823
- 44391A
- 332B12
- 231D0A
- 141004
- 070501
- 010100
Tony
- 8C7A46
- 8A7B4D
- 897C55
- 887C5B
- 877D62
- 857E68
- 847E6E
- 837F74
- 817F7A
Harmonie kolorów
Komplementarna +180°
- 8D793E
Banyan Tree
- 6978AC
≈ Regal Azure
Analogowa -30° +30°
- 8D793E
Banyan Tree
- 9E6F46
≈ Autumn Bark
- 738249
≈ Grasshopper
Triada +120° +240°
- 8D793E
Banyan Tree
- 348896
≈ Precious Stone
- 976991
≈ Tulipan Violet
Komplementarna rozszczepiona +150° +210°
- 8D793E
Banyan Tree
- 4B81A7
≈ Neapolitan Blue
- 836FA4
≈ Babiana
Tetrada +90° +180° +270°
- 8D793E
Banyan Tree
- 398B7E
≈ Copper Turquoise
- 6978AC
≈ Regal Azure
- A36678
≈ Heather Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.25:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.93:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--banyan-tree: #8d793e;
--banyan-tree-rgb: 141 121 62;
--banyan-tree-oklch: oklch(0.582 0.082 91);
}
.element {
color: var(--banyan-tree);
background-color: hsl(45 39% 40%);
border-color: oklch(0.582 0.082 91);
}Tailwind CSS v4
@theme {
--color-banyan-tree: #8d793e;
--color-banyan-tree-50: #fdf5db;
--color-banyan-tree-100: #f1e8ca;
--color-banyan-tree-200: #e0d4ad;
--color-banyan-tree-300: #c6b787;
--color-banyan-tree-400: #b09d65;
--color-banyan-tree-500: #9a8442;
--color-banyan-tree-600: #837038;
--color-banyan-tree-700: #69592d;
--color-banyan-tree-800: #4e411f;
--color-banyan-tree-900: #362d14;
--color-banyan-tree-950: #211a06;
}SCSS
$banyan-tree: #8d793e;
$banyan-tree-rgb: 141, 121, 62;
$banyan-tree-light: mix(#fff, $banyan-tree, 20%);
$banyan-tree-dark: mix(#000, $banyan-tree, 20%);
.element {
color: $banyan-tree;
box-shadow: 0 0 0 2px rgba($banyan-tree, 0.35);
}