Color con nombre · #6BC026
Zunda Green
Zunda Green es #6BC026: rgb(107 192 38), hsl(93 67% 45%), oklch(0.726 0.198 135). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Zunda Green color name →
#6BC026
oklch(0.726 0.198 135)
Conversiones de color
- HEX
- #6bc026
- RGB
- rgb(107 192 38)
- HSL
- hsl(93 67% 45%)
- HWB
- hwb(93 15% 25%)
- OKLCH
- oklch(0.726 0.198 135)
- OKLab
- oklab(0.726 -0.14 0.14)
- CIE Lab
- lab(70.3 -44.91 62.16)
- LCH
- lch(70.3 76.69 125.9)
- CMYK
- cmyk(44% 0% 80% 25%)
Tintes · Sombras · Tonos
Tintes
- 7BC748
- 8ACE61
- 99D477
- A8DB8B
- B6E19F
- C5E7B3
- D3EDC6
- E2F3D9
- F0F9EC
Sombras
- 5CA720
- 4E8E19
- 3F7613
- 325F0D
- 254908
- 183404
- 0D2002
- 040E01
- 000200
Tonos
- 6EBA39
- 71B446
- 74AD51
- 76A75A
- 79A162
- 7A9A69
- 7C9470
- 7E8D76
- 7F877B
Armonías de color
Complementario +180°
- 6BC026
Zunda Green
- D47AFA
≈ Calypso Orchid
Análogo -30° +30°
- 6BC026
Zunda Green
- B6AB00
≈ Fusion
- 00C48E
≈ Píng Gǔo Lǜ Green
Triádico +120° +240°
- 6BC026
Zunda Green
- 64A9FF
≈ Âbi Blue
- FF7283
≈ Salmon Rose
Complementario dividido +150° +210°
- 6BC026
Zunda Green
- 9E97FF
≈ Cobalite
- F86AC2
≈ Kisses
Tetrádico +90° +180° +270°
- 6BC026
Zunda Green
- 00B7E7
≈ Cyanite
- D47AFA
≈ Calypso Orchid
- FF7B36
≈ Temptatious Tangerine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.19:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--zunda-green: #6bc026;
--zunda-green-rgb: 107 192 38;
--zunda-green-oklch: oklch(0.726 0.198 135);
}
.element {
color: var(--zunda-green);
background-color: hsl(93 67% 45%);
border-color: oklch(0.726 0.198 135);
}Tailwind CSS v4
@theme {
--color-zunda-green: #6bc026;
--color-zunda-green-50: #dbffcb;
--color-zunda-green-100: #c9f8b7;
--color-zunda-green-200: #ace893;
--color-zunda-green-300: #85ce64;
--color-zunda-green-400: #67b728;
--color-zunda-green-500: #41a000;
--color-zunda-green-600: #388700;
--color-zunda-green-700: #2d6c00;
--color-zunda-green-800: #244f00;
--color-zunda-green-900: #183700;
--color-zunda-green-950: #082200;
}SCSS
$zunda-green: #6bc026;
$zunda-green-rgb: 107, 192, 38;
$zunda-green-light: mix(#fff, $zunda-green, 20%);
$zunda-green-dark: mix(#000, $zunda-green, 20%);
.element {
color: $zunda-green;
box-shadow: 0 0 0 2px rgba($zunda-green, 0.35);
}