Benannte Farbe · #773B3E
Fruitful Orchard
Fruitful Orchard ist #773B3E: rgb(119 59 62), hsl(357 34% 35%), oklch(0.43 0.084 18.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Fruitful Orchard color name →
#773B3E
oklch(0.43 0.084 18.1)
Farbumrechnungen
- HEX
- #773b3e
- RGB
- rgb(119 59 62)
- HSL
- hsl(357 34% 35%)
- HWB
- hwb(357 23% 53%)
- OKLCH
- oklch(0.43 0.084 18.1)
- OKLab
- oklab(0.43 0.08 0.026)
- CIE Lab
- lab(32.99 26.98 10.81)
- LCH
- lch(32.99 29.07 21.8)
- CMYK
- cmyk(0% 50% 48% 53%)
Tints · Shades · Tones
Tints
- 854D4F
- 936061
- A17373
- AE8686
- BC9999
- CAADAD
- D7C1C1
- E4D5D5
- F2EAEA
Shades
- 673235
- 57292B
- 472123
- 38191A
- 2A1112
- 1C090A
- 100404
- 050101
- 010000
Tones
- 794244
- 7A494B
- 7C5051
- 7D5758
- 7E5E5E
- 7F6565
- 7F6C6C
- 807272
- 807979
Farbharmonien
Komplementär +180°
- 773B3E
Fruitful Orchard
- 005C5E
≈ Enamelled Jewel
Analog -30° +30°
- 773B3E
Fruitful Orchard
- 713B58
≈ Mystique Violet
- 744023
≈ Peruvian Soil
Triadisch +120° +240°
- 773B3E
Fruitful Orchard
- 375A2B
≈ Parsley
- 32507D
≈ High Altar
Geteilt komplementär +150° +210°
- 773B3E
Fruitful Orchard
- 095E47
≈ Sci-Fi Takeout
- 005874
≈ Tardis
Tetradisch +90° +180° +270°
- 773B3E
Fruitful Orchard
- 545311
≈ Douro
- 005C5E
≈ Enamelled Jewel
- 4E477B
≈ Fresh Eggplant
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.46:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.47:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.46:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--fruitful-orchard: #773b3e;
--fruitful-orchard-rgb: 119 59 62;
--fruitful-orchard-oklch: oklch(0.43 0.084 18.1);
}
.element {
color: var(--fruitful-orchard);
background-color: hsl(357 34% 35%);
border-color: oklch(0.43 0.084 18.1);
}Tailwind CSS v4
@theme {
--color-fruitful-orchard: #773b3e;
--color-fruitful-orchard-50: #ffeceb;
--color-fruitful-orchard-100: #ffdddc;
--color-fruitful-orchard-200: #f6c7c5;
--color-fruitful-orchard-300: #dfa7a6;
--color-fruitful-orchard-400: #cb8a8c;
--color-fruitful-orchard-500: #b76f71;
--color-fruitful-orchard-600: #9b5e60;
--color-fruitful-orchard-700: #7c4b4c;
--color-fruitful-orchard-800: #5c3638;
--color-fruitful-orchard-900: #402527;
--color-fruitful-orchard-950: #291315;
}SCSS
$fruitful-orchard: #773b3e;
$fruitful-orchard-rgb: 119, 59, 62;
$fruitful-orchard-light: mix(#fff, $fruitful-orchard, 20%);
$fruitful-orchard-dark: mix(#000, $fruitful-orchard, 20%);
.element {
color: $fruitful-orchard;
box-shadow: 0 0 0 2px rgba($fruitful-orchard, 0.35);
}