Benoemde kleur · #86BB9D
Grand Gusto
Grand Gusto is #86BB9D: rgb(134 187 157), hsl(146 28% 63%), oklch(0.746 0.071 159.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Grand Gusto color name →
#86BB9D
oklch(0.746 0.071 159.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 92C2A6
- 9EC9B0
- AACFBA
- B6D6C3
- C3DDCD
- CFE4D7
- DBEAE1
- E7F1EB
- F3F8F5
Schaduwen
- 74A288
- 628A73
- 51735F
- 405C4C
- 30463A
- 213228
- 131F18
- 060D09
- 010201
Tonen
- 86B59A
- 86AF97
- 85A994
- 85A391
- 849D8E
- 84978C
- 839189
- 828C86
- 818683
Kleurharmonieën
Complementair +180°
- 86BB9D
Grand Gusto
- CC9CBC
≈ Peach Buff
Analoog -30° +30°
- 86BB9D
Grand Gusto
- 9FB687
≈ Green Snow
- 76BCB6
≈ Polished Aqua
Triadisch +120° +240°
- 86BB9D
Grand Gusto
- A3A9DA
≈ Childish Wonder
- D59E8C
≈ Indian Mesa
Gesplitst complementair +150° +210°
- 86BB9D
Grand Gusto
- BAA1CF
≈ Lucius Lilac
- D59BA3
≈ Silver Rose
Tetradisch +90° +180° +270°
- 86BB9D
Grand Gusto
- 8BB1D8
≈ Boo Blue
- CC9CBC
≈ Peach Buff
- CAA57C
≈ Siesta Dreams
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.18:1 · APCA Lc 43
Ag
AAAOp zwart
WCAG 9.60:1 · APCA Lc 59
Beste tekstkleur: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Codefragmenten
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);
}