Colore con nome · #A4746E
Autumn Russet
Autumn Russet è #A4746E: rgb(164 116 110), hsl(7 23% 54%), oklch(0.606 0.062 27). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Autumn Russet color name →
#A4746E
oklch(0.606 0.062 27)
Conversioni di colore
- HEX
- #a4746e
- RGB
- rgb(164 116 110)
- HSL
- hsl(7 23% 54%)
- HWB
- hwb(7 43% 36%)
- OKLCH
- oklch(0.606 0.062 27)
- OKLab
- oklab(0.606 0.055 0.028)
- CIE Lab
- lab(53.73 18.86 11.26)
- LCH
- lch(53.73 21.97 30.8)
- CMYK
- cmyk(0% 29% 33% 36%)
Tinte · Ombre · Toni
Tinte
- AD817C
- B78F89
- C09C97
- C9AAA6
- D2B8B4
- DBC6C3
- E4D4D1
- EDE2E0
- F6F0F0
Ombre
- 8E645F
- 795450
- 644541
- 503733
- 3D2926
- 2B1B19
- 1A0F0E
- 0A0504
- 010101
Toni
- A17570
- 9D7772
- 9A7874
- 967975
- 937A77
- 8F7C79
- 8C7D7B
- 887E7C
- 847F7E
Armonie di colore
Complementare +180°
- A4746E
Autumn Russet
- 538D95
≈ Coastal Calm
Analogo -30° +30°
- A4746E
Autumn Russet
- A17382
≈ Never Forget
- 9F795D
≈ Chamoisee
Triadico +120° +240°
- A4746E
Autumn Russet
- 6A8C6D
≈ Slate Green
- 7181A8
≈ English Manor
Complementare divisa +150° +210°
- A4746E
Autumn Russet
- 588E81
≈ Chlorite
- 5E88A3
≈ Kuta Surf
Tetradico +90° +180° +270°
- A4746E
Autumn Russet
- 7F875C
≈ Tuscany Hillside
- 538D95
≈ Coastal Calm
- 867BA3
≈ Second Pour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.96:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.30:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--autumn-russet: #a4746e;
--autumn-russet-rgb: 164 116 110;
--autumn-russet-oklch: oklch(0.606 0.062 27);
}
.element {
color: var(--autumn-russet);
background-color: hsl(7 23% 54%);
border-color: oklch(0.606 0.062 27);
}Tailwind CSS v4
@theme {
--color-autumn-russet: #a4746e;
--color-autumn-russet-50: #ffefeb;
--color-autumn-russet-100: #fce1dc;
--color-autumn-russet-200: #eecbc5;
--color-autumn-russet-300: #d5aca5;
--color-autumn-russet-400: #c0918b;
--color-autumn-russet-500: #ac7770;
--color-autumn-russet-600: #91645f;
--color-autumn-russet-700: #74504c;
--color-autumn-russet-800: #563a38;
--color-autumn-russet-900: #3c2826;
--color-autumn-russet-950: #261614;
}SCSS
$autumn-russet: #a4746e;
$autumn-russet-rgb: 164, 116, 110;
$autumn-russet-light: mix(#fff, $autumn-russet, 20%);
$autumn-russet-dark: mix(#000, $autumn-russet, 20%);
.element {
color: $autumn-russet;
box-shadow: 0 0 0 2px rgba($autumn-russet, 0.35);
}