Cor nomeada · #9AA77C
Forester
Forester é #9AA77C: rgb(154 167 124), hsl(78 20% 57%), oklch(0.707 0.062 121.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Forester color name →
#9AA77C
oklch(0.707 0.062 121.6)
Conversões de cor
- HEX
- #9aa77c
- RGB
- rgb(154 167 124)
- HSL
- hsl(78 20% 57%)
- HWB
- hwb(78 49% 35%)
- OKLCH
- oklch(0.707 0.062 121.6)
- OKLab
- oklab(0.707 -0.032 0.053)
- CIE Lab
- lab(66.61 -10.41 20.72)
- LCH
- lch(66.61 23.19 116.7)
- CMYK
- cmyk(8% 0% 26% 35%)
Tons claros · Sombras · Tons
Tons claros
- A4B089
- ADB895
- B7C1A2
- C1CAAF
- CBD2BC
- D5DBC9
- E0E4D7
- EAEDE4
- F4F6F1
Sombras
- 85916B
- 717B5A
- 5E664A
- 4B523B
- 393E2C
- 272C1E
- 171A11
- 090A05
- 010101
Tons
- 97A37D
- 959F7D
- 929B7E
- 8F977E
- 8D937F
- 8A907F
- 888C7F
- 858880
- 838480
Harmonias de cor
Complementar +180°
- 9AA77C
Forester
- A798C1
≈ Ode to Purple
Análoga -30° +30°
- 9AA77C
Forester
- AEA074
≈ Throw Rug
- 84AC8E
≈ Nature Green
Tríade +120° +240°
- 9AA77C
Forester
- 7EA6C4
≈ Stormfang
- C2919E
≈ Light Mauve
Complementar dividida +150° +210°
- 9AA77C
Forester
- 929FC8
≈ Blue Heron
- B893B2
≈ Blooming Lilac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.56:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.19:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
CSS
:root {
--forester: #9aa77c;
--forester-rgb: 154 167 124;
--forester-oklch: oklch(0.707 0.062 121.6);
}
.element {
color: var(--forester);
background-color: hsl(78 20% 57%);
border-color: oklch(0.707 0.062 121.6);
}Tailwind CSS v4
@theme {
--color-forester: #9aa77c;
--color-forester-50: #f1f8e5;
--color-forester-100: #e3ecd5;
--color-forester-200: #cfd9bd;
--color-forester-300: #b1bd9b;
--color-forester-400: #98a57c;
--color-forester-500: #7f8d5e;
--color-forester-600: #6c7750;
--color-forester-700: #565f40;
--color-forester-800: #40462d;
--color-forester-900: #2c301e;
--color-forester-950: #191c0e;
}SCSS
$forester: #9aa77c;
$forester-rgb: 154, 167, 124;
$forester-light: mix(#fff, $forester, 20%);
$forester-dark: mix(#000, $forester, 20%);
.element {
color: $forester;
box-shadow: 0 0 0 2px rgba($forester, 0.35);
}