Colore con nome · #AC8674
Homestead
Homestead è #AC8674: rgb(172 134 116), hsl(19 25% 56%), oklch(0.651 0.054 46.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Homestead color name →
#AC8674
oklch(0.651 0.054 46.6)
Conversioni di colore
- HEX
- #ac8674
- RGB
- rgb(172 134 116)
- HSL
- hsl(19 25% 56%)
- HWB
- hwb(19 45% 33%)
- OKLCH
- oklch(0.651 0.054 46.6)
- OKLab
- oklab(0.651 0.037 0.039)
- CIE Lab
- lab(59.28 13.08 15.59)
- LCH
- lch(59.28 20.35 50)
- CMYK
- cmyk(0% 22% 33% 33%)
Tinte · Ombre · Toni
Tinte
- B49281
- BD9D8F
- C5A99C
- CDB5AA
- D6C1B8
- DECDC6
- E6DAD4
- EEE6E2
- F7F2F0
Ombre
- 957464
- 7F6254
- 695145
- 544037
- 403029
- 2D211B
- 1B130F
- 0B0605
- 010101
Toni
- A88675
- A38577
- 9F8478
- 9B8479
- 96837A
- 92837C
- 8E827D
- 89817E
- 85817F
Armonie di colore
Complementare +180°
- AC8674
Homestead
- 6C97A9
≈ Smoky Blue
Analogo -30° +30°
- AC8674
Homestead
- AE8384
≈ Jupiter Brown
- A38C6B
≈ Spelt Grain Brown
Triadico +120° +240°
- AC8674
Homestead
- 709B88
≈ Silent Sage
- 8D8BAF
≈ Larkspur Violet
Complementare divisa +150° +210°
- AC8674
Homestead
- 689A9B
≈ Desaturated Cyan
- 7B91B1
≈ Wink
Tetradico +90° +180° +270°
- AC8674
Homestead
- 819877
≈ Eat Your Peas
- 6C97A9
≈ Smoky Blue
- 9D86A6
≈ Wonder Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.41:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.41:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--homestead: #ac8674;
--homestead-rgb: 172 134 116;
--homestead-oklch: oklch(0.651 0.054 46.6);
}
.element {
color: var(--homestead);
background-color: hsl(19 25% 56%);
border-color: oklch(0.651 0.054 46.6);
}Tailwind CSS v4
@theme {
--color-homestead: #ac8674;
--color-homestead-50: #fff1e8;
--color-homestead-100: #f8e3d9;
--color-homestead-200: #e8cec1;
--color-homestead-300: #cfb0a0;
--color-homestead-400: #ba9584;
--color-homestead-500: #a57c68;
--color-homestead-600: #8b6958;
--color-homestead-700: #705446;
--color-homestead-800: #533d33;
--color-homestead-900: #3a2a23;
--color-homestead-950: #241712;
}SCSS
$homestead: #ac8674;
$homestead-rgb: 172, 134, 116;
$homestead-light: mix(#fff, $homestead, 20%);
$homestead-dark: mix(#000, $homestead, 20%);
.element {
color: $homestead;
box-shadow: 0 0 0 2px rgba($homestead, 0.35);
}