Colore con nome · #928C36
Uguisu Green
Uguisu Green è #928C36: rgb(146 140 54), hsl(56 46% 39%), oklch(0.628 0.107 105.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Uguisu Green color name →
#928C36
oklch(0.628 0.107 105.3)
Conversioni di colore
- HEX
- #928c36
- RGB
- rgb(146 140 54)
- HSL
- hsl(56 46% 39%)
- HWB
- hwb(56 21% 43%)
- OKLCH
- oklch(0.628 0.107 105.3)
- OKLab
- oklab(0.628 -0.028 0.104)
- CIE Lab
- lab(57.48 -5.92 45.21)
- LCH
- lch(57.48 45.59 97.5)
- CMYK
- cmyk(0% 4% 63% 43%)
Tinte · Ombre · Toni
Tinte
- 9C974D
- A7A362
- B1AE76
- BCB989
- C7C59D
- D2D0B0
- DDDCC4
- E8E8D7
- F3F3EB
Ombre
- 7E792E
- 6B6725
- 58551E
- 464316
- 35330F
- 252308
- 161403
- 080701
- 010100
Toni
- 908B41
- 8E8A4A
- 8C8952
- 8A885A
- 898761
- 878568
- 85846E
- 838374
- 82817A
Armonie di colore
Complementare +180°
- 928C36
Uguisu Green
- 827EC7
≈ Faraway Sky
Analogo -30° +30°
- 928C36
Uguisu Green
- AE7E34
≈ Billet
- 6B9753
≈ Drab Green
Triadico +120° +240°
- 928C36
Uguisu Green
- 2995B9
≈ Butterfly Blue
- B76D97
≈ Fuscia Fizz
Complementare divisa +150° +210°
- 928C36
Uguisu Green
- 5B8BC8
≈ Marina
- A174B5
≈ Purple Pride
Tetradico +90° +180° +270°
- 928C36
Uguisu Green
- 009C9D
≈ Riviera Paradise
- 827EC7
≈ Faraway Sky
- C06C73
≈ Playful Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.48:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.02:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--uguisu-green: #928c36;
--uguisu-green-rgb: 146 140 54;
--uguisu-green-oklch: oklch(0.628 0.107 105.3);
}
.element {
color: var(--uguisu-green);
background-color: hsl(56 46% 39%);
border-color: oklch(0.628 0.107 105.3);
}Tailwind CSS v4
@theme {
--color-uguisu-green: #928c36;
--color-uguisu-green-50: #f8f8d5;
--color-uguisu-green-100: #ebebc2;
--color-uguisu-green-200: #d9d8a3;
--color-uguisu-green-300: #bdbc7a;
--color-uguisu-green-400: #a7a253;
--color-uguisu-green-500: #918a25;
--color-uguisu-green-600: #7a7522;
--color-uguisu-green-700: #625d1b;
--color-uguisu-green-800: #494410;
--color-uguisu-green-900: #332f0a;
--color-uguisu-green-950: #1e1b00;
}SCSS
$uguisu-green: #928c36;
$uguisu-green-rgb: 146, 140, 54;
$uguisu-green-light: mix(#fff, $uguisu-green, 20%);
$uguisu-green-dark: mix(#000, $uguisu-green, 20%);
.element {
color: $uguisu-green;
box-shadow: 0 0 0 2px rgba($uguisu-green, 0.35);
}