Colore con nome · #A5997C
Harvest Dance
Harvest Dance è #A5997C: rgb(165 153 124), hsl(42 19% 57%), oklch(0.686 0.043 88.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Harvest Dance color name →
#A5997C
oklch(0.686 0.043 88.2)
Conversioni di colore
- HEX
- #a5997c
- RGB
- rgb(165 153 124)
- HSL
- hsl(42 19% 57%)
- HWB
- hwb(42 49% 35%)
- OKLCH
- oklch(0.686 0.043 88.2)
- OKLab
- oklab(0.686 0.001 0.043)
- CIE Lab
- lab(63.7 1.05 16.99)
- LCH
- lch(63.7 17.02 86.5)
- CMYK
- cmyk(0% 7% 25% 35%)
Tinte · Ombre · Toni
Tinte
- AEA389
- B6AD95
- BFB7A2
- C8C1AF
- D1CBBC
- DAD5C9
- E3E0D6
- ECEAE4
- F6F4F1
Ombre
- 8F846B
- 79705A
- 655D4A
- 514A3B
- 3D382C
- 2B271E
- 1A1711
- 0A0805
- 010101
Toni
- A1977D
- 9D947D
- 9A927E
- 968F7E
- 928D7E
- 8F8A7F
- 8B887F
- 87857F
- 848380
Armonie di colore
Complementare +180°
- A5997C
Harvest Dance
- 8F9AB5
≈ Blueberry Buckle
Analogo -30° +30°
- A5997C
Harvest Dance
- AF9480
≈ Sandrift
- 979E80
≈ Rookwood Jade
Triadico +120° +240°
- A5997C
Harvest Dance
- 7BA2A8
≈ Spartacus
- A991A8
≈ Garden Flower
Complementare divisa +150° +210°
- A5997C
Harvest Dance
- 829EB2
≈ Office Blue
- 9D95B2
≈ Heirloom Lilac
Tetradico +90° +180° +270°
- A5997C
Harvest Dance
- 7EA39A
≈ Gnome
- 8F9AB5
≈ Blueberry Buckle
- B18F9A
≈ Mauve Shadows
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.44:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--harvest-dance: #a5997c;
--harvest-dance-rgb: 165 153 124;
--harvest-dance-oklch: oklch(0.686 0.043 88.2);
}
.element {
color: var(--harvest-dance);
background-color: hsl(42 19% 57%);
border-color: oklch(0.686 0.043 88.2);
}Tailwind CSS v4
@theme {
--color-harvest-dance: #a5997c;
--color-harvest-dance-50: #faf5e8;
--color-harvest-dance-100: #ede8d8;
--color-harvest-dance-200: #dbd4c0;
--color-harvest-dance-300: #c0b79f;
--color-harvest-dance-400: #a99d82;
--color-harvest-dance-500: #928566;
--color-harvest-dance-600: #7b7156;
--color-harvest-dance-700: #635a45;
--color-harvest-dance-800: #494231;
--color-harvest-dance-900: #332d21;
--color-harvest-dance-950: #1e1a11;
}SCSS
$harvest-dance: #a5997c;
$harvest-dance-rgb: 165, 153, 124;
$harvest-dance-light: mix(#fff, $harvest-dance, 20%);
$harvest-dance-dark: mix(#000, $harvest-dance, 20%);
.element {
color: $harvest-dance;
box-shadow: 0 0 0 2px rgba($harvest-dance, 0.35);
}