Colore con nome · #40A368
Greenish
Greenish è #40A368: rgb(64 163 104), hsl(144 44% 45%), oklch(0.642 0.128 154.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Greenish color name →
#40A368
oklch(0.642 0.128 154.2)
Conversioni di colore
- HEX
- #40a368
- RGB
- rgb(64 163 104)
- HSL
- hsl(144 44% 45%)
- HWB
- hwb(144 25% 36%)
- OKLCH
- oklch(0.642 0.128 154.2)
- OKLab
- oklab(0.642 -0.116 0.056)
- CIE Lab
- lab(60.1 -40.57 21.79)
- LCH
- lch(60.1 46.05 151.8)
- CMYK
- cmyk(61% 0% 36% 36%)
Tinte · Ombre · Toni
Tinte
- 57AC77
- 6CB685
- 7FBF94
- 92C8A3
- A5D1B2
- B7DAC1
- C9E4D0
- DBEDE0
- EDF6EF
Ombre
- 368D59
- 2D784B
- 24633E
- 1B4F30
- 133C24
- 0B2A18
- 05190C
- 010A04
- 000100
Toni
- 4AA06B
- 539C6D
- 5B9970
- 619673
- 689275
- 6D8F77
- 728B7A
- 77877C
- 7C847E
Armonie di colore
Complementare +180°
- 40A368
Greenish
- BB6DAC
≈ Crocus
Analogo -30° +30°
- 40A368
Greenish
- 7C9938
≈ Aloe Vera Green
- 00A395
≈ Tyrolite Blue-Green
Triadico +120° +240°
- 40A368
Greenish
- 7585DA
≈ Tanzine
- CE6D56
≈ Red Orpiment
Complementare divisa +150° +210°
- 40A368
Greenish
- 9E77CC
≈ Lilac Bush
- CC6883
≈ Artful Pink
Tetradico +90° +180° +270°
- 40A368
Greenish
- 3B94D5
≈ Boyzone
- BB6DAC
≈ Crocus
- C27A29
≈ Maine Coon Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.65:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--greenish: #40a368;
--greenish-rgb: 64 163 104;
--greenish-oklch: oklch(0.642 0.128 154.2);
}
.element {
color: var(--greenish);
background-color: hsl(144 44% 45%);
border-color: oklch(0.642 0.128 154.2);
}Tailwind CSS v4
@theme {
--color-greenish: #40a368;
--color-greenish-50: #d9ffe6;
--color-greenish-100: #c6f5d6;
--color-greenish-200: #a7e5be;
--color-greenish-300: #7ecb9c;
--color-greenish-400: #59b47b;
--color-greenish-500: #289e5e;
--color-greenish-600: #258650;
--color-greenish-700: #1e6b3f;
--color-greenish-800: #174f2b;
--color-greenish-900: #0f371d;
--color-greenish-950: #02210d;
}SCSS
$greenish: #40a368;
$greenish-rgb: 64, 163, 104;
$greenish-light: mix(#fff, $greenish, 20%);
$greenish-dark: mix(#000, $greenish, 20%);
.element {
color: $greenish;
box-shadow: 0 0 0 2px rgba($greenish, 0.35);
}