Colore con nome · #773B3E
Fruitful Orchard
Fruitful Orchard è #773B3E: rgb(119 59 62), hsl(357 34% 35%), oklch(0.43 0.084 18.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Fruitful Orchard color name →
#773B3E
oklch(0.43 0.084 18.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 854D4F
- 936061
- A17373
- AE8686
- BC9999
- CAADAD
- D7C1C1
- E4D5D5
- F2EAEA
Ombre
- 673235
- 57292B
- 472123
- 38191A
- 2A1112
- 1C090A
- 100404
- 050101
- 010000
Toni
- 794244
- 7A494B
- 7C5051
- 7D5758
- 7E5E5E
- 7F6565
- 7F6C6C
- 807272
- 807979
Armonie di colore
Complementare +180°
- 773B3E
Fruitful Orchard
- 005C5E
≈ Enamelled Jewel
Analogo -30° +30°
- 773B3E
Fruitful Orchard
- 713B58
≈ Mystique Violet
- 744023
≈ Peruvian Soil
Triadico +120° +240°
- 773B3E
Fruitful Orchard
- 375A2B
≈ Parsley
- 32507D
≈ High Altar
Complementare divisa +150° +210°
- 773B3E
Fruitful Orchard
- 095E47
≈ Sci-Fi Takeout
- 005874
≈ Tardis
Tetradico +90° +180° +270°
- 773B3E
Fruitful Orchard
- 545311
≈ Douro
- 005C5E
≈ Enamelled Jewel
- 4E477B
≈ Fresh Eggplant
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.46:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.47:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.46:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
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);
}