Color con nombre más cercano · #76A24A
#76A24A
Color con nombre más cercano: Kiwi
#76A24A (rgb(118 162 74), hsl(90 37% 46%), oklch(0.66 0.128 131.2)) se parece más al color con nombre Kiwi. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#76A24A
oklch(0.66 0.128 131.2)
Conversiones de color
- HEX
- #76a24a
- RGB
- rgb(118 162 74)
- HSL
- hsl(90 37% 46%)
- HWB
- hwb(90 29% 36%)
- OKLCH
- oklch(0.66 0.128 131.2)
- OKLab
- oklab(0.66 -0.084 0.096)
- CIE Lab
- lab(61.95 -26.84 40.1)
- LCH
- lch(61.95 48.25 123.8)
- CMYK
- cmyk(27% 0% 54% 36%)
Tintes · Sombras · Tonos
Tintes
- 83AB5D
- 90B570
- 9EBE82
- ABC794
- B9D1A5
- C7DAB7
- D5E3C9
- E3ECDB
- F1F6ED
Sombras
- 668C3F
- 567735
- 47632A
- 384F20
- 293C17
- 1C2A0E
- 0F1906
- 050A02
- 010100
Tonos
- 779F51
- 789C58
- 7A985E
- 7B9564
- 7C9269
- 7D8E6E
- 7D8B73
- 7E8777
- 7F847C
Armonías de color
Complementario +180°
- 76A24A
Kiwi
- AC7ACB
≈ Wisteria
Análogo -30° +30°
- 76A24A
Kiwi
- A39422
≈ Rapeseed Oil
- 35AA79
≈ Cosmic Green
Triádico +120° +240°
Complementario dividido +150° +210°
- 76A24A
Kiwi
- 8588DE
≈ Indigo Bloom
- C671A9
≈ Bishop Red
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.98:1 · APCA Lc 56
Ag
AAASobre negro
WCAG 7.03:1 · APCA Lc 45
Mejor color de texto: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmentos de código
CSS
:root {
--kiwi: #76a24a;
--kiwi-rgb: 118 162 74;
--kiwi-oklch: oklch(0.66 0.128 131.2);
}
.element {
color: var(--kiwi);
background-color: hsl(90 37% 46%);
border-color: oklch(0.66 0.128 131.2);
}Tailwind CSS v4
@theme {
--color-kiwi: #76a24a;
--color-kiwi-50: #e7fed9;
--color-kiwi-100: #d7f2c6;
--color-kiwi-200: #bfe1a9;
--color-kiwi-300: #9ec682;
--color-kiwi-400: #83ae5b;
--color-kiwi-500: #679732;
--color-kiwi-600: #587f2c;
--color-kiwi-700: #466623;
--color-kiwi-800: #344b15;
--color-kiwi-900: #24340e;
--color-kiwi-950: #121f02;
}SCSS
$kiwi: #76a24a;
$kiwi-rgb: 118, 162, 74;
$kiwi-light: mix(#fff, $kiwi, 20%);
$kiwi-dark: mix(#000, $kiwi, 20%);
.element {
color: $kiwi;
box-shadow: 0 0 0 2px rgba($kiwi, 0.35);
}