Colore con nome più vicino · #578A32
#578A32
Colore con nome più vicino: Indica
#578A32 (rgb(87 138 50), hsl(95 47% 37%), oklch(0.578 0.132 134.3)) è più vicino al colore con nome Indica. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#578A32
oklch(0.578 0.132 134.3)
Conversioni di colore
- HEX
- #578a32
- RGB
- rgb(87 138 50)
- HSL
- hsl(95 47% 37%)
- HWB
- hwb(95 20% 46%)
- OKLCH
- oklch(0.578 0.132 134.3)
- OKLab
- oklab(0.578 -0.092 0.094)
- CIE Lab
- lab(52.44 -29.7 40.08)
- LCH
- lch(52.44 49.89 126.5)
- CMYK
- cmyk(37% 0% 64% 46%)
Tinte · Ombre · Toni
Tinte
- 679649
- 77A15D
- 88AD72
- 98B886
- A9C499
- BAD0AD
- CBDCC2
- DCE7D6
- EDF3EA
Ombre
- 4B772A
- 3E6522
- 33531B
- 274214
- 1C320D
- 122207
- 081403
- 030701
- 000100
Toni
- 5C893D
- 608946
- 64884E
- 698756
- 6D865E
- 718565
- 75846C
- 788373
- 7C8179
Armonie di colore
Complementare +180°
- 578A32
Indica
- 965FAF
≈ Lusty Lavender
Analogo -30° +30°
- 578A32
Indica
- 867C00
≈ Olive
- 009066
≈ Viridian
Triadico +120° +240°
- 578A32
Indica
- 3D7BC5
≈ Celestial Plum
- BA5461
≈ Hibiscus Flower
Complementare divisa +150° +210°
- 578A32
Indica
- 726CC4
≈ Purple Toolbox
- AE568C
≈ Brilliant Carmine
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.12:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.08:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--indica: #578a32;
--indica-rgb: 87 138 50;
--indica-oklch: oklch(0.578 0.132 134.3);
}
.element {
color: var(--indica);
background-color: hsl(95 47% 37%);
border-color: oklch(0.578 0.132 134.3);
}Tailwind CSS v4
@theme {
--color-indica: #578a32;
--color-indica-50: #e4ffd9;
--color-indica-100: #d4f3c7;
--color-indica-200: #bbe2aa;
--color-indica-300: #98c783;
--color-indica-400: #7daf5d;
--color-indica-500: #5f9835;
--color-indica-600: #51812e;
--color-indica-700: #416725;
--color-indica-800: #304b16;
--color-indica-900: #21340e;
--color-indica-950: #102002;
}SCSS
$indica: #578a32;
$indica-rgb: 87, 138, 50;
$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);
}