Colore con nome · #1E9752
Garnish
Garnish è #1E9752: rgb(30 151 82), hsl(146 67% 35%), oklch(0.597 0.146 152.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Garnish color name →
#1E9752
oklch(0.597 0.146 152.4)
Conversioni di colore
- HEX
- #1e9752
- RGB
- rgb(30 151 82)
- HSL
- hsl(146 67% 35%)
- HWB
- hwb(146 12% 41%)
- OKLCH
- oklch(0.597 0.146 152.4)
- OKLab
- oklab(0.597 -0.129 0.067)
- CIE Lab
- lab(55.06 -45.43 26.78)
- LCH
- lch(55.06 52.74 149.5)
- CMYK
- cmyk(80% 0% 46% 41%)
Tinte · Ombre · Toni
Tinte
- 41A263
- 5AAC74
- 70B685
- 86C196
- 9ACBA7
- AED6B8
- C3E0C9
- D7EADB
- EBF5ED
Ombre
- 198346
- 136F3B
- 0E5C2F
- 094925
- 05371A
- 032611
- 011708
- 000802
- 000100
Toni
- 329557
- 40935C
- 4B9161
- 558F66
- 5E8D6B
- 658A6F
- 6D8873
- 748578
- 7A837C
Armonie di colore
Complementare +180°
- 1E9752
Garnish
- B05AA5
≈ Royalty Loyalty
Analogo -30° +30°
- 1E9752
Garnish
- 708C00
≈ Canopy
- 009384
≈ Silk Sari
Triadico +120° +240°
- 1E9752
Garnish
- 6376D5
≈ Indigo Light
- C75844
≈ Cedar Chest
Complementare divisa +150° +210°
- 1E9752
Garnish
- 9067C6
≈ Amethyst
- C35478
≈ Fat Smooch
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.74:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.60:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--garnish: #1e9752;
--garnish-rgb: 30 151 82;
--garnish-oklch: oklch(0.597 0.146 152.4);
}
.element {
color: var(--garnish);
background-color: hsl(146 67% 35%);
border-color: oklch(0.597 0.146 152.4);
}Tailwind CSS v4
@theme {
--color-garnish: #1e9752;
--color-garnish-50: #d6ffe3;
--color-garnish-100: #c3f7d2;
--color-garnish-200: #a2e7b9;
--color-garnish-300: #77cd96;
--color-garnish-400: #50b773;
--color-garnish-500: #07a053;
--color-garnish-600: #118847;
--color-garnish-700: #0f6d39;
--color-garnish-800: #0e5026;
--color-garnish-900: #093819;
--color-garnish-950: #00220a;
}SCSS
$garnish: #1e9752;
$garnish-rgb: 30, 151, 82;
$garnish-light: mix(#fff, $garnish, 20%);
$garnish-dark: mix(#000, $garnish, 20%);
.element {
color: $garnish;
box-shadow: 0 0 0 2px rgba($garnish, 0.35);
}