Colore con nome · #9A9959
Stem
Stem è #9A9959: rgb(154 153 89), hsl(59 27% 48%), oklch(0.669 0.086 107.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Stem color name →
#9A9959
oklch(0.669 0.086 107.7)
Conversioni di colore
- HEX
- #9a9959
- RGB
- rgb(154 153 89)
- HSL
- hsl(59 27% 48%)
- HWB
- hwb(59 35% 40%)
- OKLCH
- oklch(0.669 0.086 107.7)
- OKLab
- oklab(0.669 -0.026 0.082)
- CIE Lab
- lab(62.2 -6.79 33.66)
- LCH
- lch(62.2 34.34 101.4)
- CMYK
- cmyk(0% 1% 42% 40%)
Tinte · Ombre · Toni
Tinte
- A4A36A
- ADAD7A
- B7B78B
- C1C19B
- CBCBAC
- D5D6BC
- DFE0CD
- EAEADD
- F4F5EE
Ombre
- 85844C
- 717040
- 5E5D34
- 4B4A28
- 39381D
- 272713
- 171709
- 090803
- 010100
Toni
- 97975E
- 959463
- 929267
- 8F8F6B
- 8D8D6F
- 8A8A73
- 888876
- 85857A
- 82837D
Armonie di colore
Complementare +180°
- 9A9959
Stem
- 928DC7
≈ Adora
Analogo -30° +30°
Triadico +120° +240°
- 9A9959
Stem
- 579FBE
≈ Dupain
- BC7F9E
≈ Polignac
Complementare divisa +150° +210°
- 9A9959
Stem
- 7497CA
≈ Razee
- AB84B8
≈ Purple Statice
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.07:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--stem: #9a9959;
--stem-rgb: 154 153 89;
--stem-oklch: oklch(0.669 0.086 107.7);
}
.element {
color: var(--stem);
background-color: hsl(59 27% 48%);
border-color: oklch(0.669 0.086 107.7);
}Tailwind CSS v4
@theme {
--color-stem: #9a9959;
--color-stem-50: #f6f8dc;
--color-stem-100: #e9ebca;
--color-stem-200: #d6d8ae;
--color-stem-300: #babc89;
--color-stem-400: #a3a266;
--color-stem-500: #8c8a43;
--color-stem-600: #767539;
--color-stem-700: #5f5e2e;
--color-stem-800: #46441f;
--color-stem-900: #312f14;
--color-stem-950: #1d1c06;
}SCSS
$stem: #9a9959;
$stem-rgb: 154, 153, 89;
$stem-light: mix(#fff, $stem, 20%);
$stem-dark: mix(#000, $stem, 20%);
.element {
color: $stem;
box-shadow: 0 0 0 2px rgba($stem, 0.35);
}