Cor nomeada mais próxima · #79A83D
#79A83D
Cor nomeada mais próxima: Leaf
#79A83D (rgb(121 168 61), hsl(86 47% 45%), oklch(0.676 0.146 129.7)) é mais próxima da cor nomeada Leaf. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#79A83D
oklch(0.676 0.146 129.7)
Conversões de cor
- HEX
- #79a83d
- RGB
- rgb(121 168 61)
- HSL
- hsl(86 47% 45%)
- HWB
- hwb(86 24% 34%)
- OKLCH
- oklch(0.676 0.146 129.7)
- OKLab
- oklab(0.676 -0.093 0.112)
- CIE Lab
- lab(63.84 -29.26 48.14)
- LCH
- lch(63.84 56.33 121.3)
- CMYK
- cmyk(28% 0% 64% 34%)
Tons claros · Sombras · Tons
Tons claros
- 86B154
- 93BA68
- A0C27C
- ADCB8F
- BAD4A2
- C8DDB4
- D6E5C7
- E3EEDA
- F1F6EC
Sombras
- 689234
- 587C2B
- 486722
- 39521A
- 2B3F12
- 1D2C0A
- 101A04
- 050A01
- 010100
Tons
- 7AA447
- 7BA050
- 7C9D58
- 7C995F
- 7D9565
- 7E916B
- 7E8D71
- 7F8876
- 7F847B
Harmonias de cor
Complementar +180°
- 79A83D
Leaf
- B27BDA
≈ Lavender Blossom
Análoga -30° +30°
Tríade +120° +240°
Complementar dividida +150° +210°
- 79A83D
Leaf
- 868BEE
≈ Perrywinkle
- D170B3
≈ Sky Magenta
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--leaf: #79a83d;
--leaf-rgb: 121 168 61;
--leaf-oklch: oklch(0.676 0.146 129.7);
}
.element {
color: var(--leaf);
background-color: hsl(86 47% 45%);
border-color: oklch(0.676 0.146 129.7);
}Tailwind CSS v4
@theme {
--color-leaf: #79a83d;
--color-leaf-50: #e6ffd4;
--color-leaf-100: #d6f3c0;
--color-leaf-200: #bee2a1;
--color-leaf-300: #9cc777;
--color-leaf-400: #82af4c;
--color-leaf-500: #659812;
--color-leaf-600: #568015;
--color-leaf-700: #456711;
--color-leaf-800: #344b06;
--color-leaf-900: #233404;
--color-leaf-950: #121f00;
}SCSS
$leaf: #79a83d;
$leaf-rgb: 121, 168, 61;
$leaf-light: mix(#fff, $leaf, 20%);
$leaf-dark: mix(#000, $leaf, 20%);
.element {
color: $leaf;
box-shadow: 0 0 0 2px rgba($leaf, 0.35);
}