Color con nombre · #00A466
Jungle
Jungle es #00A466: rgb(0 164 102), hsl(157 100% 32%), oklch(0.633 0.148 157.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Jungle color name →
#00A466
oklch(0.633 0.148 157.9)
Conversiones de color
- HEX
- #00a466
- RGB
- rgb(0 164 102)
- HSL
- hsl(157 100% 32%)
- HWB
- hwb(157 0% 36%)
- OKLCH
- oklch(0.633 0.148 157.9)
- OKLab
- oklab(0.633 -0.137 0.056)
- CIE Lab
- lab(59.36 -48.94 21.66)
- LCH
- lch(59.36 53.52 156.1)
- CMYK
- cmyk(100% 0% 38% 36%)
Tintes · Sombras · Tonos
Tintes
- 3AAD75
- 57B784
- 6FC093
- 86C9A2
- 9BD2B1
- AFDBC0
- C3E4D0
- D7EDDF
- EBF6EF
Sombras
- 008E58
- 00794A
- 00643C
- 00502F
- 003D23
- 002B17
- 001A0C
- 000A04
- 000100
Tonos
- 29A169
- 3C9D6C
- 499A6F
- 549671
- 5D9374
- 668F76
- 6D8C79
- 74887B
- 7A847E
Armonías de color
Complementario +180°
- 00A466
Jungle
- C263A9
≈ Young Purple
Análogo -30° +30°
- 00A466
Jungle
- 709A26
≈ Luminescent Green
- 009F96
≈ Spectra Green
Triádico +120° +240°
- 00A466
Jungle
- 767EE2
≈ Tanzine
- D36542
≈ Citrus Notes
Complementario dividido +150° +210°
- 00A466
Jungle
- A36ECE
≈ Rich Lavender
- D25E79
≈ Peppermint Swirl
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.22:1 · APCA Lc 59
Ag
AASobre negro
WCAG 6.50:1 · APCA Lc 43
Mejor color de texto: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
Fragmentos de código
CSS
:root {
--jungle: #00a466;
--jungle-rgb: 0 164 102;
--jungle-oklch: oklch(0.633 0.148 157.9);
}
.element {
color: var(--jungle);
background-color: hsl(157 100% 32%);
border-color: oklch(0.633 0.148 157.9);
}Tailwind CSS v4
@theme {
--color-jungle: #00a466;
--color-jungle-50: #d1ffe7;
--color-jungle-100: #bdf8d7;
--color-jungle-200: #9be8be;
--color-jungle-300: #6ccf9d;
--color-jungle-400: #3db87c;
--color-jungle-500: #00a25e;
--color-jungle-600: #008950;
--color-jungle-700: #006e40;
--color-jungle-800: #00512b;
--color-jungle-900: #00381d;
--color-jungle-950: #00230d;
}SCSS
$jungle: #00a466;
$jungle-rgb: 0, 164, 102;
$jungle-light: mix(#fff, $jungle, 20%);
$jungle-dark: mix(#000, $jungle, 20%);
.element {
color: $jungle;
box-shadow: 0 0 0 2px rgba($jungle, 0.35);
}