Colore con nome · #858365
Green Scene
Green Scene è #858365: rgb(133 131 101), hsl(56 14% 46%), oklch(0.604 0.043 104.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Green Scene color name →
#858365
oklch(0.604 0.043 104.4)
Conversioni di colore
- HEX
- #858365
- RGB
- rgb(133 131 101)
- HSL
- hsl(56 14% 46%)
- HWB
- hwb(56 40% 48%)
- OKLCH
- oklch(0.604 0.043 104.4)
- OKLab
- oklab(0.604 -0.011 0.042)
- CIE Lab
- lab(54.32 -3.1 16.59)
- LCH
- lch(54.32 16.87 100.6)
- CMYK
- cmyk(0% 2% 24% 48%)
Tinte · Ombre · Toni
Tinte
- 908F74
- 9C9B82
- A8A791
- B4B3A0
- C0BFB0
- CCCCBF
- D9D8CF
- E5E5DF
- F2F2EF
Ombre
- 737157
- 616049
- 504F3C
- 403F2F
- 302F22
- 212017
- 13120C
- 060603
- 010100
Toni
- 848368
- 84826B
- 83826D
- 838270
- 828273
- 828176
- 818178
- 81817B
- 80807D
Armonie di colore
Complementare +180°
- 858365
Green Scene
- 7E7E9B
≈ Blue Intrigue
Analogo -30° +30°
- 858365
Green Scene
- 917E65
≈ Woolly Thyme
- 77876D
≈ Chlorosis
Triadico +120° +240°
- 858365
Green Scene
- 658795
≈ Horizon
- 957787
≈ Muted Berry
Complementare divisa +150° +210°
- 858365
Green Scene
- 70839B
≈ Lakeville
- 8B7A94
≈ Passion Fruit
Tetradico +90° +180° +270°
- 858365
Green Scene
- 638A89
≈ Tasmanian Sea
- 7E7E9B
≈ Blue Intrigue
- 9A7779
≈ Bohemian Jazz
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.86:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.43:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--green-scene: #858365;
--green-scene-rgb: 133 131 101;
--green-scene-oklch: oklch(0.604 0.043 104.4);
}
.element {
color: var(--green-scene);
background-color: hsl(56 14% 46%);
border-color: oklch(0.604 0.043 104.4);
}Tailwind CSS v4
@theme {
--color-green-scene: #858365;
--color-green-scene-50: #f6f6e8;
--color-green-scene-100: #e9e9d9;
--color-green-scene-200: #d6d6c1;
--color-green-scene-300: #bab9a0;
--color-green-scene-400: #a2a083;
--color-green-scene-500: #8a8867;
--color-green-scene-600: #757357;
--color-green-scene-700: #5e5c46;
--color-green-scene-800: #454332;
--color-green-scene-900: #302e22;
--color-green-scene-950: #1c1b11;
}SCSS
$green-scene: #858365;
$green-scene-rgb: 133, 131, 101;
$green-scene-light: mix(#fff, $green-scene, 20%);
$green-scene-dark: mix(#000, $green-scene, 20%);
.element {
color: $green-scene;
box-shadow: 0 0 0 2px rgba($green-scene, 0.35);
}