Colore con nome · #AD9773
Jute
Jute è #AD9773: rgb(173 151 115), hsl(37 26% 56%), oklch(0.687 0.056 79.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Jute color name →
#AD9773
oklch(0.687 0.056 79.8)
Conversioni di colore
- HEX
- #ad9773
- RGB
- rgb(173 151 115)
- HSL
- hsl(37 26% 56%)
- HWB
- hwb(37 45% 32%)
- OKLCH
- oklch(0.687 0.056 79.8)
- OKLab
- oklab(0.687 0.01 0.055)
- CIE Lab
- lab(63.77 4.45 22.19)
- LCH
- lch(63.77 22.63 78.7)
- CMYK
- cmyk(0% 13% 34% 32%)
Tinte · Ombre · Toni
Tinte
- B5A181
- BDAB8E
- C5B59C
- CDC0AA
- D5CAB8
- DED4C6
- E6DFD4
- EEEAE2
- F7F4F0
Ombre
- 968363
- 7F6F54
- 6A5C45
- 554936
- 413728
- 2D261B
- 1B170F
- 0B0805
- 010101
Toni
- A89575
- A49276
- 9F9078
- 9B8E79
- 968C7A
- 92897C
- 8D877D
- 89857E
- 84827F
Armonie di colore
Complementare +180°
- AD9773
Jute
- 869CBE
≈ Sailing
Analogo -30° +30°
Triadico +120° +240°
- AD9773
Jute
- 70A5A8
≈ Fairstar
- AA90B0
≈ Knight’s Tale
Complementare divisa +150° +210°
- AD9773
Jute
- 76A1B7
≈ Grey Blue
- 9995BB
≈ Indifferent
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.45:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--jute: #ad9773;
--jute-rgb: 173 151 115;
--jute-oklch: oklch(0.687 0.056 79.8);
}
.element {
color: var(--jute);
background-color: hsl(37 26% 56%);
border-color: oklch(0.687 0.056 79.8);
}Tailwind CSS v4
@theme {
--color-jute: #ad9773;
--color-jute-50: #fdf4e4;
--color-jute-100: #f1e7d3;
--color-jute-200: #e0d2ba;
--color-jute-300: #c6b597;
--color-jute-400: #b09b79;
--color-jute-500: #9a825b;
--color-jute-600: #826e4e;
--color-jute-700: #68583e;
--color-jute-800: #4d402c;
--color-jute-900: #362c1e;
--color-jute-950: #21190e;
}SCSS
$jute: #ad9773;
$jute-rgb: 173, 151, 115;
$jute-light: mix(#fff, $jute, 20%);
$jute-dark: mix(#000, $jute, 20%);
.element {
color: $jute;
box-shadow: 0 0 0 2px rgba($jute, 0.35);
}