Cor nomeada mais próxima · #7FA739
#7FA739
Cor nomeada mais próxima: Leaf
#7FA739 (rgb(127 167 57), hsl(82 49% 44%), oklch(0.677 0.145 127)) é mais próxima da cor nomeada Leaf. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#7FA739
oklch(0.677 0.145 127)
Conversões de cor
- HEX
- #7fa739
- RGB
- rgb(127 167 57)
- HSL
- hsl(82 49% 44%)
- HWB
- hwb(82 22% 35%)
- OKLCH
- oklch(0.677 0.145 127)
- OKLab
- oklab(0.677 -0.087 0.116)
- CIE Lab
- lab(63.89 -26.73 50)
- LCH
- lch(63.89 56.7 118.1)
- CMYK
- cmyk(24% 0% 66% 35%)
Tons claros · Sombras · Tons
Tons claros
- 8BB051
- 97B966
- A4C27A
- B0CB8E
- BDD3A1
- CADCB3
- D7E5C6
- E4EED9
- F2F6EC
Sombras
- 6E9130
- 5D7B28
- 4C661F
- 3C5217
- 2D3E10
- 1F2C09
- 111A04
- 060A01
- 010100
Tons
- 7FA344
- 7FA04E
- 7F9C56
- 80985D
- 809464
- 80906A
- 808C70
- 808876
- 80847B
Harmonias de cor
Complementar +180°
- 7FA739
Leaf
- AF7DDC
≈ Lavender Blossom
Análoga -30° +30°
- 7FA739
Leaf
- B09600
≈ Sunken Gold
- 30B172
≈ Salsify Grass
Tríade +120° +240°
Complementar dividida +150° +210°
- 7FA739
Leaf
- 828DEF
≈ Perrywinkle
- CE71B7
≈ 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: #7fa739;
--leaf-rgb: 127 167 57;
--leaf-oklch: oklch(0.677 0.145 127);
}
.element {
color: var(--leaf);
background-color: hsl(82 49% 44%);
border-color: oklch(0.677 0.145 127);
}Tailwind CSS v4
@theme {
--color-leaf: #7fa739;
--color-leaf-50: #e8fed2;
--color-leaf-100: #d9f2bf;
--color-leaf-200: #c1e19f;
--color-leaf-300: #a0c674;
--color-leaf-400: #87ae48;
--color-leaf-500: #6c9603;
--color-leaf-600: #5c7f0c;
--color-leaf-700: #49660b;
--color-leaf-800: #374a02;
--color-leaf-900: #253403;
--color-leaf-950: #141f00;
}SCSS
$leaf: #7fa739;
$leaf-rgb: 127, 167, 57;
$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);
}