Cor nomeada · #86BB9D
Grand Gusto
Grand Gusto é #86BB9D: rgb(134 187 157), hsl(146 28% 63%), oklch(0.746 0.071 159.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Grand Gusto color name →
#86BB9D
oklch(0.746 0.071 159.3)
Conversões de cor
- HEX
- #86bb9d
- RGB
- rgb(134 187 157)
- HSL
- hsl(146 28% 63%)
- HWB
- hwb(146 53% 27%)
- OKLCH
- oklch(0.746 0.071 159.3)
- OKLab
- oklab(0.746 -0.066 0.025)
- CIE Lab
- lab(71.54 -22.84 9.4)
- LCH
- lch(71.54 24.7 157.6)
- CMYK
- cmyk(28% 0% 16% 27%)
Tons claros · Sombras · Tons
Tons claros
- 92C2A6
- 9EC9B0
- AACFBA
- B6D6C3
- C3DDCD
- CFE4D7
- DBEAE1
- E7F1EB
- F3F8F5
Sombras
- 74A288
- 628A73
- 51735F
- 405C4C
- 30463A
- 213228
- 131F18
- 060D09
- 010201
Tons
- 86B59A
- 86AF97
- 85A994
- 85A391
- 849D8E
- 84978C
- 839189
- 828C86
- 818683
Harmonias de cor
Complementar +180°
- 86BB9D
Grand Gusto
- CC9CBC
≈ Peach Buff
Análoga -30° +30°
- 86BB9D
Grand Gusto
- 9FB687
≈ Green Snow
- 76BCB6
≈ Polished Aqua
Tríade +120° +240°
- 86BB9D
Grand Gusto
- A3A9DA
≈ Childish Wonder
- D59E8C
≈ Indian Mesa
Complementar dividida +150° +210°
- 86BB9D
Grand Gusto
- BAA1CF
≈ Lucius Lilac
- D59BA3
≈ Silver Rose
Tétrade +90° +180° +270°
- 86BB9D
Grand Gusto
- 8BB1D8
≈ Boo Blue
- CC9CBC
≈ Peach Buff
- CAA57C
≈ Siesta Dreams
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.60:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--grand-gusto: #86bb9d;
--grand-gusto-rgb: 134 187 157;
--grand-gusto-oklch: oklch(0.746 0.071 159.3);
}
.element {
color: var(--grand-gusto);
background-color: hsl(146 28% 63%);
border-color: oklch(0.746 0.071 159.3);
}Tailwind CSS v4
@theme {
--color-grand-gusto: #86bb9d;
--color-grand-gusto-50: #e4fcef;
--color-grand-gusto-100: #d4f0e0;
--color-grand-gusto-200: #bbdecb;
--color-grand-gusto-300: #98c3ac;
--color-grand-gusto-400: #7aac90;
--color-grand-gusto-500: #5b9575;
--color-grand-gusto-600: #4e7e64;
--color-grand-gusto-700: #3e654f;
--color-grand-gusto-800: #2d4a39;
--color-grand-gusto-900: #1e3327;
--color-grand-gusto-950: #0e1f15;
}SCSS
$grand-gusto: #86bb9d;
$grand-gusto-rgb: 134, 187, 157;
$grand-gusto-light: mix(#fff, $grand-gusto, 20%);
$grand-gusto-dark: mix(#000, $grand-gusto, 20%);
.element {
color: $grand-gusto;
box-shadow: 0 0 0 2px rgba($grand-gusto, 0.35);
}