Colore con nome · #8D876D
Western Reserve
Western Reserve è #8D876D: rgb(141 135 109), hsl(49 13% 49%), oklch(0.621 0.038 96.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Western Reserve color name →
#8D876D
oklch(0.621 0.038 96.5)
Conversioni di colore
- HEX
- #8d876d
- RGB
- rgb(141 135 109)
- HSL
- hsl(49 13% 49%)
- HWB
- hwb(49 43% 45%)
- OKLCH
- oklch(0.621 0.038 96.5)
- OKLab
- oklab(0.621 -0.004 0.038)
- CIE Lab
- lab(56.31 -0.99 14.9)
- LCH
- lch(56.31 14.93 93.8)
- CMYK
- cmyk(0% 4% 23% 45%)
Tinte · Ombre · Toni
Tinte
- 98927B
- A39E89
- AEAA97
- B9B5A5
- C4C1B4
- D0CDC2
- DBDAD1
- E7E6E0
- F3F2F0
Ombre
- 7A755E
- 67634F
- 555141
- 444133
- 333126
- 232119
- 14130D
- 070604
- 010101
Toni
- 8C866F
- 8A8671
- 898573
- 888475
- 868477
- 858379
- 84827B
- 83817C
- 81817E
Armonie di colore
Complementare +180°
- 8D876D
Western Reserve
- 80859E
≈ Velvet Curtain
Analogo -30° +30°
- 8D876D
Western Reserve
- 97836F
≈ Even Evan
- 818B73
≈ Canaletto
Triadico +120° +240°
- 8D876D
Western Reserve
- 6D8D96
≈ Pulitzer Blue
- 967E8F
≈ Plum Swirl
Complementare divisa +150° +210°
- 8D876D
Western Reserve
- 74899D
≈ Somnambulist
- 8C8199
≈ Violet Vibes
Tetradico +90° +180° +270°
- 8D876D
Western Reserve
- 6D8E8A
≈ Aspen Hush
- 80859E
≈ Velvet Curtain
- 9C7D83
≈ Mulberry Wine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.60:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.81:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--western-reserve: #8d876d;
--western-reserve-rgb: 141 135 109;
--western-reserve-oklch: oklch(0.621 0.038 96.5);
}
.element {
color: var(--western-reserve);
background-color: hsl(49 13% 49%);
border-color: oklch(0.621 0.038 96.5);
}Tailwind CSS v4
@theme {
--color-western-reserve: #8d876d;
--color-western-reserve-50: #f8f5e9;
--color-western-reserve-100: #ebe8da;
--color-western-reserve-200: #d8d5c3;
--color-western-reserve-300: #bcb8a2;
--color-western-reserve-400: #a59f86;
--color-western-reserve-500: #8d876a;
--color-western-reserve-600: #77725a;
--color-western-reserve-700: #605b48;
--color-western-reserve-800: #464234;
--color-western-reserve-900: #312e23;
--color-western-reserve-950: #1d1b12;
}SCSS
$western-reserve: #8d876d;
$western-reserve-rgb: 141, 135, 109;
$western-reserve-light: mix(#fff, $western-reserve, 20%);
$western-reserve-dark: mix(#000, $western-reserve, 20%);
.element {
color: $western-reserve;
box-shadow: 0 0 0 2px rgba($western-reserve, 0.35);
}