Colore con nome · #9C932F
Art Nouveau Green
Art Nouveau Green è #9C932F: rgb(156 147 47), hsl(55 54% 40%), oklch(0.652 0.119 104.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Art Nouveau Green color name →
#9C932F
oklch(0.652 0.119 104.1)
Conversioni di colore
- HEX
- #9c932f
- RGB
- rgb(156 147 47)
- HSL
- hsl(55 54% 40%)
- HWB
- hwb(55 18% 39%)
- OKLCH
- oklch(0.652 0.119 104.1)
- OKLab
- oklab(0.652 -0.029 0.115)
- CIE Lab
- lab(60.33 -5.39 51.37)
- LCH
- lch(60.33 51.65 96)
- CMYK
- cmyk(0% 6% 70% 39%)
Tinte · Ombre · Toni
Tinte
- A59E49
- AFA85F
- B8B374
- C2BE88
- CCC99C
- D6D3B0
- E0DEC4
- EAE9D7
- F5F4EB
Ombre
- 877F27
- 736C20
- 5F5919
- 4C4712
- 39360C
- 282506
- 181603
- 090801
- 010100
Toni
- 99913C
- 969047
- 938E50
- 908C58
- 8E8A60
- 8B8867
- 88866E
- 858474
- 83827A
Armonie di colore
Complementare +180°
- 9C932F
Art Nouveau Green
- 8885D6
≈ Indigo Bloom
Analogo -30° +30°
- 9C932F
Art Nouveau Green
- BB842F
≈ Gothic Gold
- 71A052
≈ Kiwi
Triadico +120° +240°
- 9C932F
Art Nouveau Green
- 159FC5
≈ Major Blue
- C271A1
≈ Crocus
Complementare divisa +150° +210°
- 9C932F
Art Nouveau Green
- 5A92D7
≈ Little Boy Blue
- AA79C2
≈ Wisteria
Tetradico +90° +180° +270°
- 9C932F
Art Nouveau Green
- 00A5A4
≈ Royal Cloak
- 8885D6
≈ Indigo Bloom
- CE6F79
≈ Trout Pout
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.16:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.62:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--art-nouveau-green: #9c932f;
--art-nouveau-green-rgb: 156 147 47;
--art-nouveau-green-oklch: oklch(0.652 0.119 104.1);
}
.element {
color: var(--art-nouveau-green);
background-color: hsl(55 54% 40%);
border-color: oklch(0.652 0.119 104.1);
}Tailwind CSS v4
@theme {
--color-art-nouveau-green: #9c932f;
--color-art-nouveau-green-50: #f9f8d1;
--color-art-nouveau-green-100: #ecebbd;
--color-art-nouveau-green-200: #dad89d;
--color-art-nouveau-green-300: #bfbc72;
--color-art-nouveau-green-400: #aaa247;
--color-art-nouveau-green-500: #948900;
--color-art-nouveau-green-600: #7d740b;
--color-art-nouveau-green-700: #645d0a;
--color-art-nouveau-green-800: #4b4304;
--color-art-nouveau-green-900: #342f03;
--color-art-nouveau-green-950: #1f1b00;
}SCSS
$art-nouveau-green: #9c932f;
$art-nouveau-green-rgb: 156, 147, 47;
$art-nouveau-green-light: mix(#fff, $art-nouveau-green, 20%);
$art-nouveau-green-dark: mix(#000, $art-nouveau-green, 20%);
.element {
color: $art-nouveau-green;
box-shadow: 0 0 0 2px rgba($art-nouveau-green, 0.35);
}