Cor nomeada mais próxima · #89A66E
#89A66E
Cor nomeada mais próxima: Green Tea Mochi
#89A66E (rgb(137 166 110), hsl(91 24% 54%), oklch(0.689 0.085 130.6)) é mais próxima da cor nomeada Green Tea Mochi. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#89A66E
oklch(0.689 0.085 130.6)
Conversões de cor
- HEX
- #89a66e
- RGB
- rgb(137 166 110)
- HSL
- hsl(91 24% 54%)
- HWB
- hwb(91 43% 35%)
- OKLCH
- oklch(0.689 0.085 130.6)
- OKLab
- oklab(0.689 -0.055 0.064)
- CIE Lab
- lab(64.84 -18.05 25.62)
- LCH
- lch(64.84 31.34 125.2)
- CMYK
- cmyk(17% 0% 34% 35%)
Tons claros · Sombras · Tons
Tons claros
- 94AF7C
- A0B88A
- ABC099
- B7C9A7
- C3D2B5
- CEDBC4
- DAE4D3
- E7EDE1
- F3F6F0
Sombras
- 76905F
- 647A50
- 536541
- 425133
- 313E26
- 222B19
- 141A0E
- 070A04
- 010101
Tons
- 88A270
- 879E72
- 869B74
- 869776
- 859378
- 848F7A
- 838B7C
- 82887D
- 81847F
Harmonias de cor
Complementar +180°
- 89A66E
Green Tea Mochi
- AC8CC2
≈ East Side
Análoga -30° +30°
- 89A66E
Green Tea Mochi
- A79D5D
≈ Mediaeval Sulphur
- 6AAC8A
≈ Verdigris Green
Tríade +120° +240°
- 89A66E
Green Tea Mochi
- 739FCE
≈ Blue Lechery
- C9858E
≈ Rose Sachet
Complementar dividida +150° +210°
- 89A66E
Green Tea Mochi
- 9195CF
≈ Fast Velvet
- BF86AB
≈ Lavender Quartz
Tétrade +90° +180° +270°
- 89A66E
Green Tea Mochi
- 59A7C0
≈ Pottery Blue
- AC8CC2
≈ East Side
- C98972
≈ Secluded Canyon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.71:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.74:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.74:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--green-tea-mochi: #89a66e;
--green-tea-mochi-rgb: 137 166 110;
--green-tea-mochi-oklch: oklch(0.689 0.085 130.6);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(91 24% 54%);
border-color: oklch(0.689 0.085 130.6);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #89a66e;
--color-green-tea-mochi-50: #ecfbe2;
--color-green-tea-mochi-100: #ddeed2;
--color-green-tea-mochi-200: #c7ddb8;
--color-green-tea-mochi-300: #a7c195;
--color-green-tea-mochi-400: #8da974;
--color-green-tea-mochi-500: #739255;
--color-green-tea-mochi-600: #617b48;
--color-green-tea-mochi-700: #4e6339;
--color-green-tea-mochi-800: #394828;
--color-green-tea-mochi-900: #27321b;
--color-green-tea-mochi-950: #151e0b;
}SCSS
$green-tea-mochi: #89a66e;
$green-tea-mochi-rgb: 137, 166, 110;
$green-tea-mochi-light: mix(#fff, $green-tea-mochi, 20%);
$green-tea-mochi-dark: mix(#000, $green-tea-mochi, 20%);
.element {
color: $green-tea-mochi;
box-shadow: 0 0 0 2px rgba($green-tea-mochi, 0.35);
}