Cor nomeada mais próxima · #91A172
#91A172
Cor nomeada mais próxima: Forester
#91A172 (rgb(145 161 114), hsl(80 20% 54%), oklch(0.684 0.068 123.5)) é mais próxima da cor nomeada Forester. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#91A172
oklch(0.684 0.068 123.5)
Conversões de cor
- HEX
- #91a172
- RGB
- rgb(145 161 114)
- HSL
- hsl(80 20% 54%)
- HWB
- hwb(80 45% 37%)
- OKLCH
- oklch(0.684 0.068 123.5)
- OKLab
- oklab(0.684 -0.038 0.057)
- CIE Lab
- lab(64.06 -12.08 22.58)
- LCH
- lch(64.06 25.61 118.2)
- CMYK
- cmyk(10% 0% 29% 37%)
Tons claros · Sombras · Tons
Tons claros
- 9BAA80
- A6B38D
- B1BD9B
- BCC6A9
- C7CFB7
- D2D9C5
- DDE2D4
- E8ECE2
- F3F5F0
Sombras
- 7D8B62
- 6A7653
- 586244
- 464E36
- 353C28
- 252A1B
- 15190E
- 070904
- 010101
Tons
- 8F9E74
- 8E9A75
- 8C9777
- 8A9479
- 88917A
- 878D7B
- 858A7D
- 83877E
- 82837F
Harmonias de cor
Complementar +180°
- 91A172
Forester
- A290BD
≈ Yolanda
Análoga -30° +30°
- 91A172
Forester
- A89968
≈ Wistman’s Wood
- 79A686
≈ Corporate Green
Tríade +120° +240°
- 91A172
Forester
- 759FC1
≈ Key West Zenith
- BE8895
≈ Desert Bud
Complementar dividida +150° +210°
- 91A172
Forester
- 8C97C4
≈ Easter Egg
- B48AAC
≈ Purple Lepidolite
Tétrade +90° +180° +270°
- 91A172
Forester
- 66A5B3
≈ Seaside
- A290BD
≈ Yolanda
- C08B7E
≈ Foxen
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.54:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--forester: #91a172;
--forester-rgb: 145 161 114;
--forester-oklch: oklch(0.684 0.068 123.5);
}
.element {
color: var(--forester);
background-color: hsl(80 20% 54%);
border-color: oklch(0.684 0.068 123.5);
}Tailwind CSS v4
@theme {
--color-forester: #91a172;
--color-forester-50: #f0f9e4;
--color-forester-100: #e2ecd4;
--color-forester-200: #cddabb;
--color-forester-300: #afbe98;
--color-forester-400: #96a679;
--color-forester-500: #7d8e5b;
--color-forester-600: #6a784d;
--color-forester-700: #55603e;
--color-forester-800: #3e462b;
--color-forester-900: #2b311d;
--color-forester-950: #181d0d;
}SCSS
$forester: #91a172;
$forester-rgb: 145, 161, 114;
$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);
}