Colore con nome · #9A834B
Wishing Troll
Wishing Troll è #9A834B: rgb(154 131 75), hsl(43 34% 45%), oklch(0.619 0.08 87.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Wishing Troll color name →
#9A834B
oklch(0.619 0.08 87.7)
Conversioni di colore
- HEX
- #9a834b
- RGB
- rgb(154 131 75)
- HSL
- hsl(43 34% 45%)
- HWB
- hwb(43 29% 40%)
- OKLCH
- oklch(0.619 0.08 87.7)
- OKLab
- oklab(0.619 0.003 0.08)
- CIE Lab
- lab(55.97 3.57 33.46)
- LCH
- lch(55.97 33.65 83.9)
- CMYK
- cmyk(0% 15% 51% 40%)
Tinte · Ombre · Toni
Tinte
- A48F5D
- AE9B6F
- B7A781
- C1B392
- CBC0A4
- D6CCB6
- E0D9C8
- EAE5DA
- F5F2EC
Ombre
- 857140
- 716035
- 5E4F2B
- 4B3F21
- 392F17
- 27200E
- 171206
- 090602
- 010100
Toni
- 978351
- 958357
- 92825D
- 908263
- 8D8268
- 8A826D
- 888172
- 858177
- 83807B
Armonie di colore
Complementare +180°
- 9A834B
Wishing Troll
- 7184B6
≈ Kimono
Analogo -30° +30°
- 9A834B
Wishing Troll
- AA7A55
≈ New England Roast
- 818C54
≈ Scarabœus Nobilis
Triadico +120° +240°
- 9A834B
Wishing Troll
- 43939F
≈ Asagi Blue
- A0759E
≈ Long Forgotten Purple
Complementare divisa +150° +210°
- 9A834B
Wishing Troll
- 558DB0
≈ Gunjō Blue
- 8B7BB0
≈ Paisley Purple
Tetradico +90° +180° +270°
- 9A834B
Wishing Troll
- 4A9685
≈ Crisp Lettuce
- 7184B6
≈ Kimono
- AD7186
≈ Shade of Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.66:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.72:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.72:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--wishing-troll: #9a834b;
--wishing-troll-rgb: 154 131 75;
--wishing-troll-oklch: oklch(0.619 0.08 87.7);
}
.element {
color: var(--wishing-troll);
background-color: hsl(43 34% 45%);
border-color: oklch(0.619 0.08 87.7);
}Tailwind CSS v4
@theme {
--color-wishing-troll: #9a834b;
--color-wishing-troll-50: #fef5dc;
--color-wishing-troll-100: #f2e7ca;
--color-wishing-troll-200: #e2d3ae;
--color-wishing-troll-300: #c7b689;
--color-wishing-troll-400: #b29c67;
--color-wishing-troll-500: #9c8344;
--color-wishing-troll-600: #846f3a;
--color-wishing-troll-700: #6a592e;
--color-wishing-troll-800: #4f4020;
--color-wishing-troll-900: #372c15;
--color-wishing-troll-950: #221907;
}SCSS
$wishing-troll: #9a834b;
$wishing-troll-rgb: 154, 131, 75;
$wishing-troll-light: mix(#fff, $wishing-troll, 20%);
$wishing-troll-dark: mix(#000, $wishing-troll, 20%);
.element {
color: $wishing-troll;
box-shadow: 0 0 0 2px rgba($wishing-troll, 0.35);
}