Colore con nome · #C1A485
Farro
Farro è #C1A485: rgb(193 164 133), hsl(31 33% 64%), oklch(0.737 0.055 68.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Farro color name →
#C1A485
oklch(0.737 0.055 68.7)
Conversioni di colore
- HEX
- #c1a485
- RGB
- rgb(193 164 133)
- HSL
- hsl(31 33% 64%)
- HWB
- hwb(31 52% 24%)
- OKLCH
- oklch(0.737 0.055 68.7)
- OKLab
- oklab(0.737 0.02 0.051)
- CIE Lab
- lab(69.4 7.6 20.3)
- LCH
- lch(69.4 21.68 69.5)
- CMYK
- cmyk(0% 15% 31% 24%)
Tinte · Ombre · Toni
Tinte
- C7AD91
- CDB69D
- D4BFA9
- DAC8B5
- E0D1C1
- E6DACD
- ECE3DA
- F3ECE6
- F9F6F2
Ombre
- A78E73
- 8F7961
- 776450
- 5F5040
- 493D30
- 342B21
- 201A13
- 0E0A06
- 020101
Toni
- BAA085
- B49D84
- AD9984
- A79684
- A09283
- 9A8E83
- 938B82
- 8D8781
- 868481
Armonie di colore
Complementare +180°
- C1A485
Farro
- 8FADCB
≈ Northern Sky
Analogo -30° +30°
- C1A485
Farro
- C99F91
≈ Adobe Glow
- B2AB83
≈ Tarragon Tease
Triadico +120° +240°
- C1A485
Farro
- 82B5B0
≈ Cold Front Green
- B4A1C5
≈ Berry Frappé
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.91:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--farro: #c1a485;
--farro-rgb: 193 164 133;
--farro-oklch: oklch(0.737 0.055 68.7);
}
.element {
color: var(--farro);
background-color: hsl(31 33% 64%);
border-color: oklch(0.737 0.055 68.7);
}Tailwind CSS v4
@theme {
--color-farro: #c1a485;
--color-farro-50: #fff3e5;
--color-farro-100: #f4e5d5;
--color-farro-200: #e4d1bc;
--color-farro-300: #cab39a;
--color-farro-400: #b4997c;
--color-farro-500: #9e805f;
--color-farro-600: #866c51;
--color-farro-700: #6b5740;
--color-farro-800: #4f3f2e;
--color-farro-900: #372b1f;
--color-farro-950: #22190f;
}SCSS
$farro: #c1a485;
$farro-rgb: 193, 164, 133;
$farro-light: mix(#fff, $farro, 20%);
$farro-dark: mix(#000, $farro, 20%);
.element {
color: $farro;
box-shadow: 0 0 0 2px rgba($farro, 0.35);
}