Colore con nome · #588C3A
Indica
Indica è #588C3A: rgb(88 140 58), hsl(98 41% 39%), oklch(0.585 0.127 135.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Indica color name →
#588C3A
oklch(0.585 0.127 135.6)
Conversioni di colore
- HEX
- #588c3a
- RGB
- rgb(88 140 58)
- HSL
- hsl(98 41% 39%)
- HWB
- hwb(98 23% 45%)
- OKLCH
- oklch(0.585 0.127 135.6)
- OKLab
- oklab(0.585 -0.091 0.089)
- CIE Lab
- lab(53.2 -29.6 37.23)
- LCH
- lch(53.2 47.56 128.5)
- CMYK
- cmyk(37% 0% 59% 45%)
Tinte · Ombre · Toni
Tinte
- 68974F
- 78A363
- 89AE76
- 99BA89
- AAC59C
- BAD1B0
- CBDCC3
- DCE8D7
- EEF3EB
Ombre
- 4B7931
- 3F6728
- 335520
- 284318
- 1D3310
- 122309
- 091404
- 030701
- 000100
Toni
- 5D8B43
- 618A4B
- 658953
- 69885A
- 6D8761
- 718667
- 75846E
- 798374
- 7C827A
Armonie di colore
Complementare +180°
- 588C3A
Indica
- 9862AE
≈ Empire Violet
Analogo -30° +30°
- 588C3A
Indica
- 867F00
≈ Olive
- 00926A
≈ Viridian
Triadico +120° +240°
- 588C3A
Indica
- 447DC5
≈ Tufts Blue
- BA5862
≈ Hibiscus Flower
Complementare divisa +150° +210°
- 588C3A
Indica
- 766FC3
≈ Venus Violet
- AF5A8C
≈ Dahlia Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.01:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.22:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--indica: #588c3a;
--indica-rgb: 88 140 58;
--indica-oklch: oklch(0.585 0.127 135.6);
}
.element {
color: var(--indica);
background-color: hsl(98 41% 39%);
border-color: oklch(0.585 0.127 135.6);
}Tailwind CSS v4
@theme {
--color-indica: #588c3a;
--color-indica-50: #e4fedb;
--color-indica-100: #d4f3c9;
--color-indica-200: #bbe2ad;
--color-indica-300: #98c787;
--color-indica-400: #7caf61;
--color-indica-500: #5e983c;
--color-indica-600: #508134;
--color-indica-700: #406729;
--color-indica-800: #304b1a;
--color-indica-900: #203411;
--color-indica-950: #102004;
}SCSS
$indica: #588c3a;
$indica-rgb: 88, 140, 58;
$indica-light: mix(#fff, $indica, 20%);
$indica-dark: mix(#000, $indica, 20%);
.element {
color: $indica;
box-shadow: 0 0 0 2px rgba($indica, 0.35);
}