Colore con nome · #479532
Always Greener
Always Greener è #479532: rgb(71 149 50), hsl(107 50% 39%), oklch(0.599 0.155 139.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Always Greener color name →
#479532
oklch(0.599 0.155 139.6)
Conversioni di colore
- HEX
- #479532
- RGB
- rgb(71 149 50)
- HSL
- hsl(107 50% 39%)
- HWB
- hwb(107 20% 42%)
- OKLCH
- oklch(0.599 0.155 139.6)
- OKLab
- oklab(0.599 -0.118 0.101)
- CIE Lab
- lab(55.22 -39.39 42.78)
- LCH
- lch(55.22 58.15 132.6)
- CMYK
- cmyk(52% 0% 66% 42%)
Tinte · Ombre · Toni
Tinte
- 5BA049
- 6DAA5F
- 80B573
- 92C087
- A4CA9B
- B6D5AE
- C8DFC2
- DAEAD6
- EDF4EB
Ombre
- 3D812A
- 326D22
- 285A1B
- 1F4814
- 16370D
- 0D2607
- 061603
- 020801
- 000100
Toni
- 4F933D
- 569147
- 5C904F
- 628E57
- 678C5F
- 6D8966
- 72876D
- 778573
- 7B837A
Armonie di colore
Complementare +180°
- 479532
Always Greener
- A75DB9
≈ Prickly Purple
Analogo -30° +30°
- 479532
Always Greener
- 868600
≈ Palak Paneer
- 009674
≈ Pool Table
Triadico +120° +240°
- 479532
Always Greener
- 447DDB
≈ Skies of Cyberspace
- CC5259
≈ Mandy
Complementare divisa +150° +210°
- 479532
Always Greener
- 806CD5
≈ C64 Purple
- C1538D
≈ Sparkling Blueberry Lemonade
Tetradico +90° +180° +270°
- 479532
Always Greener
- 008CB8
≈ Hawaiian Ocean
- A75DB9
≈ Prickly Purple
- C65E0C
≈ Kvass
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.74:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.61:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--always-greener: #479532;
--always-greener-rgb: 71 149 50;
--always-greener-oklch: oklch(0.599 0.155 139.6);
}
.element {
color: var(--always-greener);
background-color: hsl(107 50% 39%);
border-color: oklch(0.599 0.155 139.6);
}Tailwind CSS v4
@theme {
--color-always-greener: #479532;
--color-always-greener-50: #ddffd8;
--color-always-greener-100: #ccf6c6;
--color-always-greener-200: #afe5a8;
--color-always-greener-300: #89cb80;
--color-always-greener-400: #6ab457;
--color-always-greener-500: #459d2c;
--color-always-greener-600: #3c8528;
--color-always-greener-700: #306b1f;
--color-always-greener-800: #244e11;
--color-always-greener-900: #18360b;
--color-always-greener-950: #092101;
}SCSS
$always-greener: #479532;
$always-greener-rgb: 71, 149, 50;
$always-greener-light: mix(#fff, $always-greener, 20%);
$always-greener-dark: mix(#000, $always-greener, 20%);
.element {
color: $always-greener;
box-shadow: 0 0 0 2px rgba($always-greener, 0.35);
}