Colore con nome · #88A385
Gallery Green
Gallery Green è #88A385: rgb(136 163 133), hsl(114 14% 58%), oklch(0.686 0.053 142.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Gallery Green color name →
#88A385
oklch(0.686 0.053 142.3)
Conversioni di colore
- HEX
- #88a385
- RGB
- rgb(136 163 133)
- HSL
- hsl(114 14% 58%)
- HWB
- hwb(114 52% 36%)
- OKLCH
- oklch(0.686 0.053 142.3)
- OKLab
- oklab(0.686 -0.042 0.032)
- CIE Lab
- lab(64.29 -14.19 12.39)
- LCH
- lch(64.29 18.84 138.9)
- CMYK
- cmyk(17% 0% 18% 36%)
Tinte · Ombre · Toni
Tinte
- 93AC91
- 9FB59C
- ABBEA8
- B6C7B4
- C2D0C1
- CED9CD
- DAE3D9
- E6ECE6
- F3F6F2
Ombre
- 758D73
- 637861
- 526350
- 414F40
- 313C30
- 222A21
- 131913
- 060A06
- 010101
Toni
- 879F85
- 879C84
- 869884
- 859583
- 849183
- 838E82
- 838A82
- 828781
- 818381
Armonie di colore
Complementare +180°
- 88A385
Gallery Green
- AA90AE
≈ Knight’s Tale
Analogo -30° +30°
- 88A385
Gallery Green
- 9A9E78
≈ Renkon Beige
- 79A597
≈ Twining Vine
Triadico +120° +240°
- 88A385
Gallery Green
- 899BBC
≈ Periwinkle Blossom
- B98E8B
≈ Smoky Pink
Complementare divisa +150° +210°
- 88A385
Gallery Green
- 9B95B9
≈ Indifferent
- B58D9D
≈ Lover’s Tryst
Tetradico +90° +180° +270°
- 88A385
Gallery Green
- 7AA1B6
≈ Grey Blue
- AA90AE
≈ Knight’s Tale
- B5927C
≈ Changing Seasons
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.62:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--gallery-green: #88a385;
--gallery-green-rgb: 136 163 133;
--gallery-green-oklch: oklch(0.686 0.053 142.3);
}
.element {
color: var(--gallery-green);
background-color: hsl(114 14% 58%);
border-color: oklch(0.686 0.053 142.3);
}Tailwind CSS v4
@theme {
--color-gallery-green: #88a385;
--color-gallery-green-50: #ecf9ec;
--color-gallery-green-100: #deeddd;
--color-gallery-green-200: #c7dbc6;
--color-gallery-green-300: #a8bfa7;
--color-gallery-green-400: #8da78a;
--color-gallery-green-500: #728f6f;
--color-gallery-green-600: #61795e;
--color-gallery-green-700: #4d614b;
--color-gallery-green-800: #394736;
--color-gallery-green-900: #273125;
--color-gallery-green-950: #151d13;
}SCSS
$gallery-green: #88a385;
$gallery-green-rgb: 136, 163, 133;
$gallery-green-light: mix(#fff, $gallery-green, 20%);
$gallery-green-dark: mix(#000, $gallery-green, 20%);
.element {
color: $gallery-green;
box-shadow: 0 0 0 2px rgba($gallery-green, 0.35);
}