Benannte Farbe · #B09870
Bodhi Tree
Bodhi Tree ist #B09870: rgb(176 152 112), hsl(38 29% 56%), oklch(0.691 0.062 80.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Bodhi Tree color name →
#B09870
oklch(0.691 0.062 80.1)
Farbumrechnungen
- HEX
- #b09870
- RGB
- rgb(176 152 112)
- HSL
- hsl(38 29% 56%)
- HWB
- hwb(38 44% 31%)
- OKLCH
- oklch(0.691 0.062 80.1)
- OKLab
- oklab(0.691 0.011 0.061)
- CIE Lab
- lab(64.28 4.9 24.56)
- LCH
- lch(64.28 25.04 78.7)
- CMYK
- cmyk(0% 14% 36% 31%)
Tints · Shades · Tones
Tints
- B8A27E
- C0AC8C
- C7B69A
- CFC0A8
- D7CBB6
- DFD5C5
- E7DFD3
- EFEAE2
- F7F4F0
Shades
- 998460
- 827051
- 6C5C43
- 564A35
- 423827
- 2E271A
- 1C170E
- 0B0804
- 010101
Tones
- AB9672
- A69374
- A19176
- 9D8F77
- 988C79
- 938A7B
- 8E877C
- 8A857D
- 85827F
Farbharmonien
Komplementär +180°
- B09870
Bodhi Tree
- 869DC3
≈ Manifest Destiny
Analog -30° +30°
- B09870
Bodhi Tree
- BC917A
≈ Turkish Bath
- 9DA073
≈ Dill Powder
Triadisch +120° +240°
- B09870
Bodhi Tree
- 6CA8AB
≈ Timid Sea
- AD90B4
≈ Superstitious
Geteilt komplementär +150° +210°
- B09870
Bodhi Tree
- 74A3BB
≈ Ocean Surf
- 9B96C0
≈ Lavender Bonnet
Tetradisch +90° +180° +270°
- B09870
Bodhi Tree
- 75A996
≈ Acapulco
- 869DC3
≈ Manifest Destiny
- BA8CA1
≈ Lover’s Tryst
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.77:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.57:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.57:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--bodhi-tree: #b09870;
--bodhi-tree-rgb: 176 152 112;
--bodhi-tree-oklch: oklch(0.691 0.062 80.1);
}
.element {
color: var(--bodhi-tree);
background-color: hsl(38 29% 56%);
border-color: oklch(0.691 0.062 80.1);
}Tailwind CSS v4
@theme {
--color-bodhi-tree: #b09870;
--color-bodhi-tree-50: #fef4e2;
--color-bodhi-tree-100: #f2e6d1;
--color-bodhi-tree-200: #e2d2b7;
--color-bodhi-tree-300: #c7b594;
--color-bodhi-tree-400: #b29b75;
--color-bodhi-tree-500: #9c8256;
--color-bodhi-tree-600: #846e4a;
--color-bodhi-tree-700: #69583a;
--color-bodhi-tree-800: #4e402a;
--color-bodhi-tree-900: #362c1c;
--color-bodhi-tree-950: #21190c;
}SCSS
$bodhi-tree: #b09870;
$bodhi-tree-rgb: 176, 152, 112;
$bodhi-tree-light: mix(#fff, $bodhi-tree, 20%);
$bodhi-tree-dark: mix(#000, $bodhi-tree, 20%);
.element {
color: $bodhi-tree;
box-shadow: 0 0 0 2px rgba($bodhi-tree, 0.35);
}